fanruan
/
fineui
4
1
Fork 3
Code Issues 1 Pull Requests Releases Wiki Activity
Browse Source

复制到粘贴板IE8兼容

es6
guy 8 years ago
parent
9a94cbcb56
commit
007613a643
7 changed files with 3607 additions and 1957 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 616
      bi/case.js
  2. 2
      demo/js/case/demo.clipboard.js
  3. 616
      docs/case.js
  4. 2
      docs/demo.js
  5. BIN
      docs/resource/ZeroClipboard.swf
  6. 601
      src/case/clipboard/clipboard.js
  7. 15
      src/case/clipboard/index.js

616
bi/case.js
Unescape View File

@ -2228,7 +2228,51 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
* *
* Licensed MIT © Zeno Rocha * Licensed MIT © Zeno Rocha
*/ */
(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.Clipboard = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){ try {//IE8下会抛错
(function (f) {
if (typeof exports === "object" && typeof module !== "undefined") {
module.exports = f()
} else if (typeof define === "function" && define.amd) {
define([], f)
} else {
var g;
if (typeof window !== "undefined") {
g = window
} else if (typeof global !== "undefined") {
g = global
} else if (typeof self !== "undefined") {
g = self
} else {
g = this
}
g.Clipboard = f()
}
})(function () {
var define, module, exports;
return (function e(t, n, r) {
function s(o, u) {
if (!n[o]) {
if (!t[o]) {
var a = typeof require == "function" && require;
if (!u && a)return a(o, !0);
if (i)return i(o, !0);
var f = new Error("Cannot find module '" + o + "'");
throw f.code = "MODULE_NOT_FOUND", f
}
var l = n[o] = {exports: {}};
t[o][0].call(l.exports, function (e) {
var n = t[o][1][e];
return s(n ? n : e)
}, l, l.exports, e, t, n, r)
}
return n[o].exports
}
var i = typeof require == "function" && require;
for (var o = 0; o < r.length; o++)s(r[o]);
return s
})({
1: [function (require, module, exports) {
var DOCUMENT_NODE_TYPE = 9; var DOCUMENT_NODE_TYPE = 9;
/** /**
@ -2251,7 +2295,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
* @param {String} selector * @param {String} selector
* @return {Function} * @return {Function}
*/ */
function closest (element, selector) { function closest(element, selector) {
while (element && element.nodeType !== DOCUMENT_NODE_TYPE) { while (element && element.nodeType !== DOCUMENT_NODE_TYPE) {
if (element.matches(selector)) return element; if (element.matches(selector)) return element;
element = element.parentNode; element = element.parentNode;
@ -2260,7 +2304,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
module.exports = closest; module.exports = closest;
},{}],2:[function(require,module,exports){ }, {}], 2: [function (require, module, exports) {
var closest = require('./closest'); var closest = require('./closest');
/** /**
@ -2279,7 +2323,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
element.addEventListener(type, listenerFn, useCapture); element.addEventListener(type, listenerFn, useCapture);
return { return {
destroy: function() { destroy: function () {
element.removeEventListener(type, listenerFn, useCapture); element.removeEventListener(type, listenerFn, useCapture);
} }
} }
@ -2295,7 +2339,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
* @return {Function} * @return {Function}
*/ */
function listener(element, selector, type, callback) { function listener(element, selector, type, callback) {
return function(e) { return function (e) {
e.delegateTarget = closest(e.target, selector); e.delegateTarget = closest(e.target, selector);
if (e.delegateTarget) { if (e.delegateTarget) {
@ -2306,14 +2350,14 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
module.exports = delegate; module.exports = delegate;
},{"./closest":1}],3:[function(require,module,exports){ }, {"./closest": 1}], 3: [function (require, module, exports) {
/** /**
* Check if argument is a HTML element. * Check if argument is a HTML element.
* *
* @param {Object} value * @param {Object} value
* @return {Boolean} * @return {Boolean}
*/ */
exports.node = function(value) { exports.node = function (value) {
return value !== undefined return value !== undefined
&& value instanceof HTMLElement && value instanceof HTMLElement
&& value.nodeType === 1; && value.nodeType === 1;
@ -2325,7 +2369,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
* @param {Object} value * @param {Object} value
* @return {Boolean} * @return {Boolean}
*/ */
exports.nodeList = function(value) { exports.nodeList = function (value) {
var type = Object.prototype.toString.call(value); var type = Object.prototype.toString.call(value);
return value !== undefined return value !== undefined
@ -2340,7 +2384,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
* @param {Object} value * @param {Object} value
* @return {Boolean} * @return {Boolean}
*/ */
exports.string = function(value) { exports.string = function (value) {
return typeof value === 'string' return typeof value === 'string'
|| value instanceof String; || value instanceof String;
}; };
@ -2351,13 +2395,13 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
* @param {Object} value * @param {Object} value
* @return {Boolean} * @return {Boolean}
*/ */
exports.fn = function(value) { exports.fn = function (value) {
var type = Object.prototype.toString.call(value); var type = Object.prototype.toString.call(value);
return type === '[object Function]'; return type === '[object Function]';
}; };
},{}],4:[function(require,module,exports){ }, {}], 4: [function (require, module, exports) {
var is = require('./is'); var is = require('./is');
var delegate = require('delegate'); var delegate = require('delegate');
@ -2410,7 +2454,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
node.addEventListener(type, callback); node.addEventListener(type, callback);
return { return {
destroy: function() { destroy: function () {
node.removeEventListener(type, callback); node.removeEventListener(type, callback);
} }
} }
@ -2426,13 +2470,13 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
* @return {Object} * @return {Object}
*/ */
function listenNodeList(nodeList, type, callback) { function listenNodeList(nodeList, type, callback) {
Array.prototype.forEach.call(nodeList, function(node) { Array.prototype.forEach.call(nodeList, function (node) {
node.addEventListener(type, callback); node.addEventListener(type, callback);
}); });
return { return {
destroy: function() { destroy: function () {
Array.prototype.forEach.call(nodeList, function(node) { Array.prototype.forEach.call(nodeList, function (node) {
node.removeEventListener(type, callback); node.removeEventListener(type, callback);
}); });
} }
@ -2454,7 +2498,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
module.exports = listen; module.exports = listen;
},{"./is":3,"delegate":2}],5:[function(require,module,exports){ }, {"./is": 3, "delegate": 2}], 5: [function (require, module, exports) {
function select(element) { function select(element) {
var selectedText; var selectedText;
@ -2499,8 +2543,8 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
module.exports = select; module.exports = select;
},{}],6:[function(require,module,exports){ }, {}], 6: [function (require, module, exports) {
function E () { function E() {
// Keep this empty so it's easier to inherit from // Keep this empty so it's easier to inherit from
// (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3) // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3)
} }
@ -2519,7 +2563,8 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
once: function (name, callback, ctx) { once: function (name, callback, ctx) {
var self = this; var self = this;
function listener () {
function listener() {
self.off(name, listener); self.off(name, listener);
callback.apply(ctx, arguments); callback.apply(ctx, arguments);
}; };
@ -2567,7 +2612,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
module.exports = E; module.exports = E;
},{}],7:[function(require,module,exports){ }, {}], 7: [function (require, module, exports) {
(function (global, factory) { (function (global, factory) {
if (typeof define === "function" && define.amd) { if (typeof define === "function" && define.amd) {
define(['module', 'select'], factory); define(['module', 'select'], factory);
@ -2587,7 +2632,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
function _interopRequireDefault(obj) { function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { return obj && obj.__esModule ? obj : {
default: obj "default": obj
}; };
} }
@ -2693,7 +2738,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
document.body.appendChild(this.fakeElem); document.body.appendChild(this.fakeElem);
this.selectedText = (0, _select2.default)(this.fakeElem); this.selectedText = (0, _select2["default"])(this.fakeElem);
this.copyText(); this.copyText();
} }
}, { }, {
@ -2713,7 +2758,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
}, { }, {
key: 'selectTarget', key: 'selectTarget',
value: function selectTarget() { value: function selectTarget() {
this.selectedText = (0, _select2.default)(this.target); this.selectedText = (0, _select2["default"])(this.target);
this.copyText(); this.copyText();
} }
}, { }, {
@ -2797,7 +2842,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
module.exports = ClipboardAction; module.exports = ClipboardAction;
}); });
},{"select":5}],8:[function(require,module,exports){ }, {"select": 5}], 8: [function (require, module, exports) {
(function (global, factory) { (function (global, factory) {
if (typeof define === "function" && define.amd) { if (typeof define === "function" && define.amd) {
define(['module', './clipboard-action', 'tiny-emitter', 'good-listener'], factory); define(['module', './clipboard-action', 'tiny-emitter', 'good-listener'], factory);
@ -2821,7 +2866,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
function _interopRequireDefault(obj) { function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { return obj && obj.__esModule ? obj : {
default: obj "default": obj
}; };
} }
@ -2911,7 +2956,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
value: function listenClick(trigger) { value: function listenClick(trigger) {
var _this2 = this; var _this2 = this;
this.listener = (0, _goodListener2.default)(trigger, 'click', function (e) { this.listener = (0, _goodListener2["default"])(trigger, 'click', function (e) {
return _this2.onClick(e); return _this2.onClick(e);
}); });
} }
@ -2924,7 +2969,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
this.clipboardAction = null; this.clipboardAction = null;
} }
this.clipboardAction = new _clipboardAction2.default({ this.clipboardAction = new _clipboardAction2["default"]({
action: this.action(trigger), action: this.action(trigger),
target: this.target(trigger), target: this.target(trigger),
text: this.text(trigger), text: this.text(trigger),
@ -2978,7 +3023,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
}]); }]);
return Clipboard; return Clipboard;
}(_tinyEmitter2.default); }(_tinyEmitter2["default"]);
/** /**
* Helper function to retrieve attribute value. * Helper function to retrieve attribute value.
@ -2998,8 +3043,504 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
module.exports = Clipboard; module.exports = Clipboard;
}); });
},{"./clipboard-action":7,"good-listener":4,"tiny-emitter":6}]},{},[8])(8) }, {"./clipboard-action": 7, "good-listener": 4, "tiny-emitter": 6}]
});/** }, {}, [8])(8)
});
} catch (e) {
/*
* zClip :: jQuery ZeroClipboard v1.1.1
* http://steamdev.com/zclip
*
* Copyright 2011, SteamDev
* Released under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* Date: Wed Jun 01, 2011
*/
(function ($) {
$.fn.zclip = function (params) {
if (typeof params == "object" && !params.length) {
var settings = $.extend({
path: 'ZeroClipboard.swf',
copy: null,
beforeCopy: null,
afterCopy: null,
clickAfter: true,
setHandCursor: true,
setCSSEffects: true
}, params);
return this.each(function () {
var o = $(this);
if (o.is(':visible') && (typeof settings.copy == 'string' || $.isFunction(settings.copy))) {
ZeroClipboard.setMoviePath(settings.path);
var clip = new ZeroClipboard.Client();
if ($.isFunction(settings.copy)) {
o.bind('zClip_copy', settings.copy);
}
if ($.isFunction(settings.beforeCopy)) {
o.bind('zClip_beforeCopy', settings.beforeCopy);
}
if ($.isFunction(settings.afterCopy)) {
o.bind('zClip_afterCopy', settings.afterCopy);
}
clip.setHandCursor(settings.setHandCursor);
clip.setCSSEffects(settings.setCSSEffects);
clip.addEventListener('mouseOver', function (client) {
o.trigger('mouseenter');
});
clip.addEventListener('mouseOut', function (client) {
o.trigger('mouseleave');
});
clip.addEventListener('mouseDown', function (client) {
o.trigger('mousedown');
if (!$.isFunction(settings.copy)) {
clip.setText(settings.copy);
} else {
clip.setText(o.triggerHandler('zClip_copy'));
}
if ($.isFunction(settings.beforeCopy)) {
o.trigger('zClip_beforeCopy');
}
});
clip.addEventListener('complete', function (client, text) {
if ($.isFunction(settings.afterCopy)) {
o.trigger('zClip_afterCopy');
} else {
if (text.length > 500) {
text = text.substr(0, 500) + "...\n\n(" + (text.length - 500) + " characters not shown)";
}
o.removeClass('hover');
alert("Copied text to clipboard:\n\n " + text);
}
if (settings.clickAfter) {
o.trigger('click');
}
});
clip.glue(o[0], o.parent()[0]);
$(window).bind('load resize', function () {
clip.reposition();
});
}
});
} else if (typeof params == "string") {
return this.each(function () {
var o = $(this);
params = params.toLowerCase();
var zclipId = o.data('zclipId');
var clipElm = $('#' + zclipId + '.zclip');
if (params == "remove") {
clipElm.remove();
o.removeClass('active hover');
} else if (params == "hide") {
clipElm.hide();
o.removeClass('active hover');
} else if (params == "show") {
clipElm.show();
}
});
}
}
})(jQuery);
// ZeroClipboard
// Simple Set Clipboard System
// Author: Joseph Huckaby
var ZeroClipboard = {
version: "1.0.7",
clients: {},
// registered upload clients on page, indexed by id
moviePath: 'ZeroClipboard.swf',
// URL to movie
nextId: 1,
// ID of next movie
$: function (thingy) {
// simple DOM lookup utility function
if (typeof(thingy) == 'string') thingy = document.getElementById(thingy);
if (!thingy.addClass) {
// extend element with a few useful methods
thingy.hide = function () {
this.style.display = 'none';
};
thingy.show = function () {
this.style.display = '';
};
thingy.addClass = function (name) {
this.removeClass(name);
this.className += ' ' + name;
};
thingy.removeClass = function (name) {
var classes = this.className.split(/\s+/);
var idx = -1;
for (var k = 0; k < classes.length; k++) {
if (classes[k] == name) {
idx = k;
k = classes.length;
}
}
if (idx > -1) {
classes.splice(idx, 1);
this.className = classes.join(' ');
}
return this;
};
thingy.hasClass = function (name) {
return !!this.className.match(new RegExp("\\s*" + name + "\\s*"));
};
}
return thingy;
},
setMoviePath: function (path) {
// set path to ZeroClipboard.swf
this.moviePath = path;
},
dispatch: function (id, eventName, args) {
// receive event from flash movie, send to client
var client = this.clients[id];
if (client) {
client.receiveEvent(eventName, args);
}
},
register: function (id, client) {
// register new client to receive events
this.clients[id] = client;
},
getDOMObjectPosition: function (obj, stopObj) {
// get absolute coordinates for dom element
var info = {
left: 0,
top: 0,
width: obj.width ? obj.width : obj.offsetWidth,
height: obj.height ? obj.height : obj.offsetHeight
};
if (obj && (obj != stopObj)) {
info.left += obj.offsetLeft;
info.top += obj.offsetTop;
}
return info;
},
Client: function (elem) {
// constructor for new simple upload client
this.handlers = {};
// unique ID
this.id = ZeroClipboard.nextId++;
this.movieId = 'ZeroClipboardMovie_' + this.id;
// register client with singleton to receive flash events
ZeroClipboard.register(this.id, this);
// create movie
if (elem) this.glue(elem);
}
};
ZeroClipboard.Client.prototype = {
id: 0,
// unique ID for us
ready: false,
// whether movie is ready to receive events or not
movie: null,
// reference to movie object
clipText: '',
// text to copy to clipboard
handCursorEnabled: true,
// whether to show hand cursor, or default pointer cursor
cssEffects: true,
// enable CSS mouse effects on dom container
handlers: null,
// user event handlers
glue: function (elem, appendElem, stylesToAdd) {
// glue to DOM element
// elem can be ID or actual DOM element object
this.domElement = ZeroClipboard.$(elem);
// float just above object, or zIndex 99 if dom element isn't set
var zIndex = 99;
if (this.domElement.style.zIndex) {
zIndex = parseInt(this.domElement.style.zIndex, 10) + 1;
}
if (typeof(appendElem) == 'string') {
appendElem = ZeroClipboard.$(appendElem);
} else if (typeof(appendElem) == 'undefined') {
appendElem = document.getElementsByTagName('body')[0];
}
// find X/Y position of domElement
var box = ZeroClipboard.getDOMObjectPosition(this.domElement, appendElem);
// create floating DIV above element
this.div = document.createElement('div');
this.div.className = "zclip";
this.div.id = "zclip-" + this.movieId;
$(this.domElement).data('zclipId', 'zclip-' + this.movieId);
var style = this.div.style;
style.position = 'absolute';
style.left = '' + box.left + 'px';
style.top = '' + box.top + 'px';
style.width = '' + box.width + 'px';
style.height = '' + box.height + 'px';
style.zIndex = zIndex;
if (typeof(stylesToAdd) == 'object') {
for (addedStyle in stylesToAdd) {
style[addedStyle] = stylesToAdd[addedStyle];
}
}
// style.backgroundColor = '#f00'; // debug
appendElem.appendChild(this.div);
this.div.innerHTML = this.getHTML(box.width, box.height);
},
getHTML: function (width, height) {
// return HTML for movie
var html = '';
var flashvars = 'id=' + this.id + '&width=' + width + '&height=' + height;
if (navigator.userAgent.match(/MSIE/)) {
// IE gets an OBJECT tag
var protocol = location.href.match(/^https/i) ? 'https://' : 'http://';
html += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="' + protocol + 'download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="' + width + '" height="' + height + '" id="' + this.movieId + '" align="middle"><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="false" /><param name="movie" value="' + ZeroClipboard.moviePath + '" /><param name="loop" value="false" /><param name="menu" value="false" /><param name="quality" value="best" /><param name="bgcolor" value="#ffffff" /><param name="flashvars" value="' + flashvars + '"/><param name="wmode" value="transparent"/></object>';
} else {
// all other browsers get an EMBED tag
html += '<embed id="' + this.movieId + '" src="' + ZeroClipboard.moviePath + '" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="' + width + '" height="' + height + '" name="' + this.movieId + '" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="' + flashvars + '" wmode="transparent" />';
}
return html;
},
hide: function () {
// temporarily hide floater offscreen
if (this.div) {
this.div.style.left = '-2000px';
}
},
show: function () {
// show ourselves after a call to hide()
this.reposition();
},
destroy: function () {
// destroy control and floater
if (this.domElement && this.div) {
this.hide();
this.div.innerHTML = '';
var body = document.getElementsByTagName('body')[0];
try {
body.removeChild(this.div);
} catch (e) {
;
}
this.domElement = null;
this.div = null;
}
},
reposition: function (elem) {
// reposition our floating div, optionally to new container
// warning: container CANNOT change size, only position
if (elem) {
this.domElement = ZeroClipboard.$(elem);
if (!this.domElement) this.hide();
}
if (this.domElement && this.div) {
var box = ZeroClipboard.getDOMObjectPosition(this.domElement);
var style = this.div.style;
style.left = '' + box.left + 'px';
style.top = '' + box.top + 'px';
}
},
setText: function (newText) {
// set text to be copied to clipboard
this.clipText = newText;
if (this.ready) {
this.movie.setText(newText);
}
},
addEventListener: function (eventName, func) {
// add user event listener for event
// event types: load, queueStart, fileStart, fileComplete, queueComplete, progress, error, cancel
eventName = eventName.toString().toLowerCase().replace(/^on/, '');
if (!this.handlers[eventName]) {
this.handlers[eventName] = [];
}
this.handlers[eventName].push(func);
},
setHandCursor: function (enabled) {
// enable hand cursor (true), or default arrow cursor (false)
this.handCursorEnabled = enabled;
if (this.ready) {
this.movie.setHandCursor(enabled);
}
},
setCSSEffects: function (enabled) {
// enable or disable CSS effects on DOM container
this.cssEffects = !!enabled;
},
receiveEvent: function (eventName, args) {
// receive event from flash
eventName = eventName.toString().toLowerCase().replace(/^on/, '');
// special behavior for certain events
switch (eventName) {
case 'load':
// movie claims it is ready, but in IE this isn't always the case...
// bug fix: Cannot extend EMBED DOM elements in Firefox, must use traditional function
this.movie = document.getElementById(this.movieId);
if (!this.movie) {
var self = this;
setTimeout(function () {
self.receiveEvent('load', null);
}, 1);
return;
}
// firefox on pc needs a "kick" in order to set these in certain cases
if (!this.ready && navigator.userAgent.match(/Firefox/) && navigator.userAgent.match(/Windows/)) {
var self = this;
setTimeout(function () {
self.receiveEvent('load', null);
}, 100);
this.ready = true;
return;
}
this.ready = true;
try {
this.movie.setText(this.clipText);
} catch (e) {
}
try {
this.movie.setHandCursor(this.handCursorEnabled);
} catch (e) {
}
break;
case 'mouseover':
if (this.domElement && this.cssEffects) {
this.domElement.addClass('hover');
if (this.recoverActive) {
this.domElement.addClass('active');
}
}
break;
case 'mouseout':
if (this.domElement && this.cssEffects) {
this.recoverActive = false;
if (this.domElement.hasClass('active')) {
this.domElement.removeClass('active');
this.recoverActive = true;
}
this.domElement.removeClass('hover');
}
break;
case 'mousedown':
if (this.domElement && this.cssEffects) {
this.domElement.addClass('active');
}
break;
case 'mouseup':
if (this.domElement && this.cssEffects) {
this.domElement.removeClass('active');
this.recoverActive = false;
}
break;
} // switch eventName
if (this.handlers[eventName]) {
for (var idx = 0, len = this.handlers[eventName].length; idx < len; idx++) {
var func = this.handlers[eventName][idx];
if (typeof(func) == 'function') {
// actual function reference
func(this, args);
} else if ((typeof(func) == 'object') && (func.length == 2)) {
// PHP style object + method, i.e. [myObject, 'myMethod']
func[0][func[1]](this, args);
} else if (typeof(func) == 'string') {
// name of function
window[func](this, args);
}
} // foreach event handler defined
} // user defined handler for event
}
};
}/**
* 复制 * 复制
* Created by GUY on 2016/2/16. * Created by GUY on 2016/2/16.
* @class BI.ClipBoard * @class BI.ClipBoard
@ -3009,7 +3550,7 @@ BI.ClipBoard = BI.inherit(BI.BasicButton, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.ClipBoard.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.ClipBoard.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-clipboard", extraCls: "bi-clipboard",
text: "", copy: BI.emptyFn,
afterCopy: BI.emptyFn afterCopy: BI.emptyFn
}) })
}, },
@ -3020,18 +3561,27 @@ BI.ClipBoard = BI.inherit(BI.BasicButton, {
mounted: function () { mounted: function () {
var self = this, o = this.options; var self = this, o = this.options;
if (window.Clipboard) {
this.clipboard = new Clipboard(this.element[0], { this.clipboard = new Clipboard(this.element[0], {
text: function () { text: function () {
return BI.isFunction(o.text) ? o.text() : o.text; return BI.isFunction(o.copy) ? o.copy() : o.copy;
} }
}); });
this.clipboard.on("success", function (e) { this.clipboard.on("success", function (e) {
o.afterCopy(); o.afterCopy();
}) })
} else {
this.element.zclip({
path: BI.resourceURL + "/ZeroClipboard.swf",
copy: o.copy,
beforeCopy: o.beforeCopy,
afterCopy: o.afterCopy
});
}
}, },
destroyed: function () { destroyed: function () {
this.clipboard.destroy(); this.clipboard && this.clipboard.destroy();
} }
}); });

2
demo/js/case/demo.clipboard.js
Unescape View File

@ -15,7 +15,7 @@ Demo.Func = BI.inherit(BI.Widget, {
width: 100, width: 100,
height: 100, height: 100,
cls: 'layout-bg1', cls: 'layout-bg1',
text: function () { copy: function () {
return editor.getValue(); return editor.getValue();
}, },

616
docs/case.js
Unescape View File

@ -2228,7 +2228,51 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
* *
* Licensed MIT © Zeno Rocha * Licensed MIT © Zeno Rocha
*/ */
(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.Clipboard = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){ try {//IE8下会抛错
(function (f) {
if (typeof exports === "object" && typeof module !== "undefined") {
module.exports = f()
} else if (typeof define === "function" && define.amd) {
define([], f)
} else {
var g;
if (typeof window !== "undefined") {
g = window
} else if (typeof global !== "undefined") {
g = global
} else if (typeof self !== "undefined") {
g = self
} else {
g = this
}
g.Clipboard = f()
}
})(function () {
var define, module, exports;
return (function e(t, n, r) {
function s(o, u) {
if (!n[o]) {
if (!t[o]) {
var a = typeof require == "function" && require;
if (!u && a)return a(o, !0);
if (i)return i(o, !0);
var f = new Error("Cannot find module '" + o + "'");
throw f.code = "MODULE_NOT_FOUND", f
}
var l = n[o] = {exports: {}};
t[o][0].call(l.exports, function (e) {
var n = t[o][1][e];
return s(n ? n : e)
}, l, l.exports, e, t, n, r)
}
return n[o].exports
}
var i = typeof require == "function" && require;
for (var o = 0; o < r.length; o++)s(r[o]);
return s
})({
1: [function (require, module, exports) {
var DOCUMENT_NODE_TYPE = 9; var DOCUMENT_NODE_TYPE = 9;
/** /**
@ -2251,7 +2295,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
* @param {String} selector * @param {String} selector
* @return {Function} * @return {Function}
*/ */
function closest (element, selector) { function closest(element, selector) {
while (element && element.nodeType !== DOCUMENT_NODE_TYPE) { while (element && element.nodeType !== DOCUMENT_NODE_TYPE) {
if (element.matches(selector)) return element; if (element.matches(selector)) return element;
element = element.parentNode; element = element.parentNode;
@ -2260,7 +2304,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
module.exports = closest; module.exports = closest;
},{}],2:[function(require,module,exports){ }, {}], 2: [function (require, module, exports) {
var closest = require('./closest'); var closest = require('./closest');
/** /**
@ -2279,7 +2323,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
element.addEventListener(type, listenerFn, useCapture); element.addEventListener(type, listenerFn, useCapture);
return { return {
destroy: function() { destroy: function () {
element.removeEventListener(type, listenerFn, useCapture); element.removeEventListener(type, listenerFn, useCapture);
} }
} }
@ -2295,7 +2339,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
* @return {Function} * @return {Function}
*/ */
function listener(element, selector, type, callback) { function listener(element, selector, type, callback) {
return function(e) { return function (e) {
e.delegateTarget = closest(e.target, selector); e.delegateTarget = closest(e.target, selector);
if (e.delegateTarget) { if (e.delegateTarget) {
@ -2306,14 +2350,14 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
module.exports = delegate; module.exports = delegate;
},{"./closest":1}],3:[function(require,module,exports){ }, {"./closest": 1}], 3: [function (require, module, exports) {
/** /**
* Check if argument is a HTML element. * Check if argument is a HTML element.
* *
* @param {Object} value * @param {Object} value
* @return {Boolean} * @return {Boolean}
*/ */
exports.node = function(value) { exports.node = function (value) {
return value !== undefined return value !== undefined
&& value instanceof HTMLElement && value instanceof HTMLElement
&& value.nodeType === 1; && value.nodeType === 1;
@ -2325,7 +2369,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
* @param {Object} value * @param {Object} value
* @return {Boolean} * @return {Boolean}
*/ */
exports.nodeList = function(value) { exports.nodeList = function (value) {
var type = Object.prototype.toString.call(value); var type = Object.prototype.toString.call(value);
return value !== undefined return value !== undefined
@ -2340,7 +2384,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
* @param {Object} value * @param {Object} value
* @return {Boolean} * @return {Boolean}
*/ */
exports.string = function(value) { exports.string = function (value) {
return typeof value === 'string' return typeof value === 'string'
|| value instanceof String; || value instanceof String;
}; };
@ -2351,13 +2395,13 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
* @param {Object} value * @param {Object} value
* @return {Boolean} * @return {Boolean}
*/ */
exports.fn = function(value) { exports.fn = function (value) {
var type = Object.prototype.toString.call(value); var type = Object.prototype.toString.call(value);
return type === '[object Function]'; return type === '[object Function]';
}; };
},{}],4:[function(require,module,exports){ }, {}], 4: [function (require, module, exports) {
var is = require('./is'); var is = require('./is');
var delegate = require('delegate'); var delegate = require('delegate');
@ -2410,7 +2454,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
node.addEventListener(type, callback); node.addEventListener(type, callback);
return { return {
destroy: function() { destroy: function () {
node.removeEventListener(type, callback); node.removeEventListener(type, callback);
} }
} }
@ -2426,13 +2470,13 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
* @return {Object} * @return {Object}
*/ */
function listenNodeList(nodeList, type, callback) { function listenNodeList(nodeList, type, callback) {
Array.prototype.forEach.call(nodeList, function(node) { Array.prototype.forEach.call(nodeList, function (node) {
node.addEventListener(type, callback); node.addEventListener(type, callback);
}); });
return { return {
destroy: function() { destroy: function () {
Array.prototype.forEach.call(nodeList, function(node) { Array.prototype.forEach.call(nodeList, function (node) {
node.removeEventListener(type, callback); node.removeEventListener(type, callback);
}); });
} }
@ -2454,7 +2498,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
module.exports = listen; module.exports = listen;
},{"./is":3,"delegate":2}],5:[function(require,module,exports){ }, {"./is": 3, "delegate": 2}], 5: [function (require, module, exports) {
function select(element) { function select(element) {
var selectedText; var selectedText;
@ -2499,8 +2543,8 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
module.exports = select; module.exports = select;
},{}],6:[function(require,module,exports){ }, {}], 6: [function (require, module, exports) {
function E () { function E() {
// Keep this empty so it's easier to inherit from // Keep this empty so it's easier to inherit from
// (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3) // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3)
} }
@ -2519,7 +2563,8 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
once: function (name, callback, ctx) { once: function (name, callback, ctx) {
var self = this; var self = this;
function listener () {
function listener() {
self.off(name, listener); self.off(name, listener);
callback.apply(ctx, arguments); callback.apply(ctx, arguments);
}; };
@ -2567,7 +2612,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
module.exports = E; module.exports = E;
},{}],7:[function(require,module,exports){ }, {}], 7: [function (require, module, exports) {
(function (global, factory) { (function (global, factory) {
if (typeof define === "function" && define.amd) { if (typeof define === "function" && define.amd) {
define(['module', 'select'], factory); define(['module', 'select'], factory);
@ -2587,7 +2632,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
function _interopRequireDefault(obj) { function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { return obj && obj.__esModule ? obj : {
default: obj "default": obj
}; };
} }
@ -2693,7 +2738,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
document.body.appendChild(this.fakeElem); document.body.appendChild(this.fakeElem);
this.selectedText = (0, _select2.default)(this.fakeElem); this.selectedText = (0, _select2["default"])(this.fakeElem);
this.copyText(); this.copyText();
} }
}, { }, {
@ -2713,7 +2758,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
}, { }, {
key: 'selectTarget', key: 'selectTarget',
value: function selectTarget() { value: function selectTarget() {
this.selectedText = (0, _select2.default)(this.target); this.selectedText = (0, _select2["default"])(this.target);
this.copyText(); this.copyText();
} }
}, { }, {
@ -2797,7 +2842,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
module.exports = ClipboardAction; module.exports = ClipboardAction;
}); });
},{"select":5}],8:[function(require,module,exports){ }, {"select": 5}], 8: [function (require, module, exports) {
(function (global, factory) { (function (global, factory) {
if (typeof define === "function" && define.amd) { if (typeof define === "function" && define.amd) {
define(['module', './clipboard-action', 'tiny-emitter', 'good-listener'], factory); define(['module', './clipboard-action', 'tiny-emitter', 'good-listener'], factory);
@ -2821,7 +2866,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
function _interopRequireDefault(obj) { function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { return obj && obj.__esModule ? obj : {
default: obj "default": obj
}; };
} }
@ -2911,7 +2956,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
value: function listenClick(trigger) { value: function listenClick(trigger) {
var _this2 = this; var _this2 = this;
this.listener = (0, _goodListener2.default)(trigger, 'click', function (e) { this.listener = (0, _goodListener2["default"])(trigger, 'click', function (e) {
return _this2.onClick(e); return _this2.onClick(e);
}); });
} }
@ -2924,7 +2969,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
this.clipboardAction = null; this.clipboardAction = null;
} }
this.clipboardAction = new _clipboardAction2.default({ this.clipboardAction = new _clipboardAction2["default"]({
action: this.action(trigger), action: this.action(trigger),
target: this.target(trigger), target: this.target(trigger),
text: this.text(trigger), text: this.text(trigger),
@ -2978,7 +3023,7 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
}]); }]);
return Clipboard; return Clipboard;
}(_tinyEmitter2.default); }(_tinyEmitter2["default"]);
/** /**
* Helper function to retrieve attribute value. * Helper function to retrieve attribute value.
@ -2998,8 +3043,504 @@ BI.shortcut("bi.tree_node_checkbox", BI.TreeNodeCheckbox);/*!
module.exports = Clipboard; module.exports = Clipboard;
}); });
},{"./clipboard-action":7,"good-listener":4,"tiny-emitter":6}]},{},[8])(8) }, {"./clipboard-action": 7, "good-listener": 4, "tiny-emitter": 6}]
});/** }, {}, [8])(8)
});
} catch (e) {
/*
* zClip :: jQuery ZeroClipboard v1.1.1
* http://steamdev.com/zclip
*
* Copyright 2011, SteamDev
* Released under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* Date: Wed Jun 01, 2011
*/
(function ($) {
$.fn.zclip = function (params) {
if (typeof params == "object" && !params.length) {
var settings = $.extend({
path: 'ZeroClipboard.swf',
copy: null,
beforeCopy: null,
afterCopy: null,
clickAfter: true,
setHandCursor: true,
setCSSEffects: true
}, params);
return this.each(function () {
var o = $(this);
if (o.is(':visible') && (typeof settings.copy == 'string' || $.isFunction(settings.copy))) {
ZeroClipboard.setMoviePath(settings.path);
var clip = new ZeroClipboard.Client();
if ($.isFunction(settings.copy)) {
o.bind('zClip_copy', settings.copy);
}
if ($.isFunction(settings.beforeCopy)) {
o.bind('zClip_beforeCopy', settings.beforeCopy);
}
if ($.isFunction(settings.afterCopy)) {
o.bind('zClip_afterCopy', settings.afterCopy);
}
clip.setHandCursor(settings.setHandCursor);
clip.setCSSEffects(settings.setCSSEffects);
clip.addEventListener('mouseOver', function (client) {
o.trigger('mouseenter');
});
clip.addEventListener('mouseOut', function (client) {
o.trigger('mouseleave');
});
clip.addEventListener('mouseDown', function (client) {
o.trigger('mousedown');
if (!$.isFunction(settings.copy)) {
clip.setText(settings.copy);
} else {
clip.setText(o.triggerHandler('zClip_copy'));
}
if ($.isFunction(settings.beforeCopy)) {
o.trigger('zClip_beforeCopy');
}
});
clip.addEventListener('complete', function (client, text) {
if ($.isFunction(settings.afterCopy)) {
o.trigger('zClip_afterCopy');
} else {
if (text.length > 500) {
text = text.substr(0, 500) + "...\n\n(" + (text.length - 500) + " characters not shown)";
}
o.removeClass('hover');
alert("Copied text to clipboard:\n\n " + text);
}
if (settings.clickAfter) {
o.trigger('click');
}
});
clip.glue(o[0], o.parent()[0]);
$(window).bind('load resize', function () {
clip.reposition();
});
}
});
} else if (typeof params == "string") {
return this.each(function () {
var o = $(this);
params = params.toLowerCase();
var zclipId = o.data('zclipId');
var clipElm = $('#' + zclipId + '.zclip');
if (params == "remove") {
clipElm.remove();
o.removeClass('active hover');
} else if (params == "hide") {
clipElm.hide();
o.removeClass('active hover');
} else if (params == "show") {
clipElm.show();
}
});
}
}
})(jQuery);
// ZeroClipboard
// Simple Set Clipboard System
// Author: Joseph Huckaby
var ZeroClipboard = {
version: "1.0.7",
clients: {},
// registered upload clients on page, indexed by id
moviePath: 'ZeroClipboard.swf',
// URL to movie
nextId: 1,
// ID of next movie
$: function (thingy) {
// simple DOM lookup utility function
if (typeof(thingy) == 'string') thingy = document.getElementById(thingy);
if (!thingy.addClass) {
// extend element with a few useful methods
thingy.hide = function () {
this.style.display = 'none';
};
thingy.show = function () {
this.style.display = '';
};
thingy.addClass = function (name) {
this.removeClass(name);
this.className += ' ' + name;
};
thingy.removeClass = function (name) {
var classes = this.className.split(/\s+/);
var idx = -1;
for (var k = 0; k < classes.length; k++) {
if (classes[k] == name) {
idx = k;
k = classes.length;
}
}
if (idx > -1) {
classes.splice(idx, 1);
this.className = classes.join(' ');
}
return this;
};
thingy.hasClass = function (name) {
return !!this.className.match(new RegExp("\\s*" + name + "\\s*"));
};
}
return thingy;
},
setMoviePath: function (path) {
// set path to ZeroClipboard.swf
this.moviePath = path;
},
dispatch: function (id, eventName, args) {
// receive event from flash movie, send to client
var client = this.clients[id];
if (client) {
client.receiveEvent(eventName, args);
}
},
register: function (id, client) {
// register new client to receive events
this.clients[id] = client;
},
getDOMObjectPosition: function (obj, stopObj) {
// get absolute coordinates for dom element
var info = {
left: 0,
top: 0,
width: obj.width ? obj.width : obj.offsetWidth,
height: obj.height ? obj.height : obj.offsetHeight
};
if (obj && (obj != stopObj)) {
info.left += obj.offsetLeft;
info.top += obj.offsetTop;
}
return info;
},
Client: function (elem) {
// constructor for new simple upload client
this.handlers = {};
// unique ID
this.id = ZeroClipboard.nextId++;
this.movieId = 'ZeroClipboardMovie_' + this.id;
// register client with singleton to receive flash events
ZeroClipboard.register(this.id, this);
// create movie
if (elem) this.glue(elem);
}
};
ZeroClipboard.Client.prototype = {
id: 0,
// unique ID for us
ready: false,
// whether movie is ready to receive events or not
movie: null,
// reference to movie object
clipText: '',
// text to copy to clipboard
handCursorEnabled: true,
// whether to show hand cursor, or default pointer cursor
cssEffects: true,
// enable CSS mouse effects on dom container
handlers: null,
// user event handlers
glue: function (elem, appendElem, stylesToAdd) {
// glue to DOM element
// elem can be ID or actual DOM element object
this.domElement = ZeroClipboard.$(elem);
// float just above object, or zIndex 99 if dom element isn't set
var zIndex = 99;
if (this.domElement.style.zIndex) {
zIndex = parseInt(this.domElement.style.zIndex, 10) + 1;
}
if (typeof(appendElem) == 'string') {
appendElem = ZeroClipboard.$(appendElem);
} else if (typeof(appendElem) == 'undefined') {
appendElem = document.getElementsByTagName('body')[0];
}
// find X/Y position of domElement
var box = ZeroClipboard.getDOMObjectPosition(this.domElement, appendElem);
// create floating DIV above element
this.div = document.createElement('div');
this.div.className = "zclip";
this.div.id = "zclip-" + this.movieId;
$(this.domElement).data('zclipId', 'zclip-' + this.movieId);
var style = this.div.style;
style.position = 'absolute';
style.left = '' + box.left + 'px';
style.top = '' + box.top + 'px';
style.width = '' + box.width + 'px';
style.height = '' + box.height + 'px';
style.zIndex = zIndex;
if (typeof(stylesToAdd) == 'object') {
for (addedStyle in stylesToAdd) {
style[addedStyle] = stylesToAdd[addedStyle];
}
}
// style.backgroundColor = '#f00'; // debug
appendElem.appendChild(this.div);
this.div.innerHTML = this.getHTML(box.width, box.height);
},
getHTML: function (width, height) {
// return HTML for movie
var html = '';
var flashvars = 'id=' + this.id + '&width=' + width + '&height=' + height;
if (navigator.userAgent.match(/MSIE/)) {
// IE gets an OBJECT tag
var protocol = location.href.match(/^https/i) ? 'https://' : 'http://';
html += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="' + protocol + 'download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="' + width + '" height="' + height + '" id="' + this.movieId + '" align="middle"><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="false" /><param name="movie" value="' + ZeroClipboard.moviePath + '" /><param name="loop" value="false" /><param name="menu" value="false" /><param name="quality" value="best" /><param name="bgcolor" value="#ffffff" /><param name="flashvars" value="' + flashvars + '"/><param name="wmode" value="transparent"/></object>';
} else {
// all other browsers get an EMBED tag
html += '<embed id="' + this.movieId + '" src="' + ZeroClipboard.moviePath + '" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="' + width + '" height="' + height + '" name="' + this.movieId + '" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="' + flashvars + '" wmode="transparent" />';
}
return html;
},
hide: function () {
// temporarily hide floater offscreen
if (this.div) {
this.div.style.left = '-2000px';
}
},
show: function () {
// show ourselves after a call to hide()
this.reposition();
},
destroy: function () {
// destroy control and floater
if (this.domElement && this.div) {
this.hide();
this.div.innerHTML = '';
var body = document.getElementsByTagName('body')[0];
try {
body.removeChild(this.div);
} catch (e) {
;
}
this.domElement = null;
this.div = null;
}
},
reposition: function (elem) {
// reposition our floating div, optionally to new container
// warning: container CANNOT change size, only position
if (elem) {
this.domElement = ZeroClipboard.$(elem);
if (!this.domElement) this.hide();
}
if (this.domElement && this.div) {
var box = ZeroClipboard.getDOMObjectPosition(this.domElement);
var style = this.div.style;
style.left = '' + box.left + 'px';
style.top = '' + box.top + 'px';
}
},
setText: function (newText) {
// set text to be copied to clipboard
this.clipText = newText;
if (this.ready) {
this.movie.setText(newText);
}
},
addEventListener: function (eventName, func) {
// add user event listener for event
// event types: load, queueStart, fileStart, fileComplete, queueComplete, progress, error, cancel
eventName = eventName.toString().toLowerCase().replace(/^on/, '');
if (!this.handlers[eventName]) {
this.handlers[eventName] = [];
}
this.handlers[eventName].push(func);
},
setHandCursor: function (enabled) {
// enable hand cursor (true), or default arrow cursor (false)
this.handCursorEnabled = enabled;
if (this.ready) {
this.movie.setHandCursor(enabled);
}
},
setCSSEffects: function (enabled) {
// enable or disable CSS effects on DOM container
this.cssEffects = !!enabled;
},
receiveEvent: function (eventName, args) {
// receive event from flash
eventName = eventName.toString().toLowerCase().replace(/^on/, '');
// special behavior for certain events
switch (eventName) {
case 'load':
// movie claims it is ready, but in IE this isn't always the case...
// bug fix: Cannot extend EMBED DOM elements in Firefox, must use traditional function
this.movie = document.getElementById(this.movieId);
if (!this.movie) {
var self = this;
setTimeout(function () {
self.receiveEvent('load', null);
}, 1);
return;
}
// firefox on pc needs a "kick" in order to set these in certain cases
if (!this.ready && navigator.userAgent.match(/Firefox/) && navigator.userAgent.match(/Windows/)) {
var self = this;
setTimeout(function () {
self.receiveEvent('load', null);
}, 100);
this.ready = true;
return;
}
this.ready = true;
try {
this.movie.setText(this.clipText);
} catch (e) {
}
try {
this.movie.setHandCursor(this.handCursorEnabled);
} catch (e) {
}
break;
case 'mouseover':
if (this.domElement && this.cssEffects) {
this.domElement.addClass('hover');
if (this.recoverActive) {
this.domElement.addClass('active');
}
}
break;
case 'mouseout':
if (this.domElement && this.cssEffects) {
this.recoverActive = false;
if (this.domElement.hasClass('active')) {
this.domElement.removeClass('active');
this.recoverActive = true;
}
this.domElement.removeClass('hover');
}
break;
case 'mousedown':
if (this.domElement && this.cssEffects) {
this.domElement.addClass('active');
}
break;
case 'mouseup':
if (this.domElement && this.cssEffects) {
this.domElement.removeClass('active');
this.recoverActive = false;
}
break;
} // switch eventName
if (this.handlers[eventName]) {
for (var idx = 0, len = this.handlers[eventName].length; idx < len; idx++) {
var func = this.handlers[eventName][idx];
if (typeof(func) == 'function') {
// actual function reference
func(this, args);
} else if ((typeof(func) == 'object') && (func.length == 2)) {
// PHP style object + method, i.e. [myObject, 'myMethod']
func[0][func[1]](this, args);
} else if (typeof(func) == 'string') {
// name of function
window[func](this, args);
}
} // foreach event handler defined
} // user defined handler for event
}
};
}/**
* 复制 * 复制
* Created by GUY on 2016/2/16. * Created by GUY on 2016/2/16.
* @class BI.ClipBoard * @class BI.ClipBoard
@ -3009,7 +3550,7 @@ BI.ClipBoard = BI.inherit(BI.BasicButton, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.ClipBoard.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.ClipBoard.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-clipboard", extraCls: "bi-clipboard",
text: "", copy: BI.emptyFn,
afterCopy: BI.emptyFn afterCopy: BI.emptyFn
}) })
}, },
@ -3020,18 +3561,27 @@ BI.ClipBoard = BI.inherit(BI.BasicButton, {
mounted: function () { mounted: function () {
var self = this, o = this.options; var self = this, o = this.options;
if (window.Clipboard) {
this.clipboard = new Clipboard(this.element[0], { this.clipboard = new Clipboard(this.element[0], {
text: function () { text: function () {
return BI.isFunction(o.text) ? o.text() : o.text; return BI.isFunction(o.copy) ? o.copy() : o.copy;
} }
}); });
this.clipboard.on("success", function (e) { this.clipboard.on("success", function (e) {
o.afterCopy(); o.afterCopy();
}) })
} else {
this.element.zclip({
path: BI.resourceURL + "/ZeroClipboard.swf",
copy: o.copy,
beforeCopy: o.beforeCopy,
afterCopy: o.afterCopy
});
}
}, },
destroyed: function () { destroyed: function () {
this.clipboard.destroy(); this.clipboard && this.clipboard.destroy();
} }
}); });

2
docs/demo.js
Unescape View File

@ -1750,7 +1750,7 @@ BI.shortcut("demo.calendar", Demo.Func);Demo.Func = BI.inherit(BI.Widget, {
width: 100, width: 100,
height: 100, height: 100,
cls: 'layout-bg1', cls: 'layout-bg1',
text: function () { copy: function () {
return editor.getValue(); return editor.getValue();
}, },

BIN
docs/resource/ZeroClipboard.swf
View File

Binary file not shown.

601
src/case/clipboard/clipboard.js
Unescape View File

@ -4,7 +4,51 @@
* *
* Licensed MIT © Zeno Rocha * Licensed MIT © Zeno Rocha
*/ */
(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.Clipboard = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){ try {//IE8下会抛错
(function (f) {
if (typeof exports === "object" && typeof module !== "undefined") {
module.exports = f()
} else if (typeof define === "function" && define.amd) {
define([], f)
} else {
var g;
if (typeof window !== "undefined") {
g = window
} else if (typeof global !== "undefined") {
g = global
} else if (typeof self !== "undefined") {
g = self
} else {
g = this
}
g.Clipboard = f()
}
})(function () {
var define, module, exports;
return (function e(t, n, r) {
function s(o, u) {
if (!n[o]) {
if (!t[o]) {
var a = typeof require == "function" && require;
if (!u && a)return a(o, !0);
if (i)return i(o, !0);
var f = new Error("Cannot find module '" + o + "'");
throw f.code = "MODULE_NOT_FOUND", f
}
var l = n[o] = {exports: {}};
t[o][0].call(l.exports, function (e) {
var n = t[o][1][e];
return s(n ? n : e)
}, l, l.exports, e, t, n, r)
}
return n[o].exports
}
var i = typeof require == "function" && require;
for (var o = 0; o < r.length; o++)s(r[o]);
return s
})({
1: [function (require, module, exports) {
var DOCUMENT_NODE_TYPE = 9; var DOCUMENT_NODE_TYPE = 9;
/** /**
@ -27,7 +71,7 @@
* @param {String} selector * @param {String} selector
* @return {Function} * @return {Function}
*/ */
function closest (element, selector) { function closest(element, selector) {
while (element && element.nodeType !== DOCUMENT_NODE_TYPE) { while (element && element.nodeType !== DOCUMENT_NODE_TYPE) {
if (element.matches(selector)) return element; if (element.matches(selector)) return element;
element = element.parentNode; element = element.parentNode;
@ -36,7 +80,7 @@
module.exports = closest; module.exports = closest;
},{}],2:[function(require,module,exports){ }, {}], 2: [function (require, module, exports) {
var closest = require('./closest'); var closest = require('./closest');
/** /**
@ -55,7 +99,7 @@
element.addEventListener(type, listenerFn, useCapture); element.addEventListener(type, listenerFn, useCapture);
return { return {
destroy: function() { destroy: function () {
element.removeEventListener(type, listenerFn, useCapture); element.removeEventListener(type, listenerFn, useCapture);
} }
} }
@ -71,7 +115,7 @@
* @return {Function} * @return {Function}
*/ */
function listener(element, selector, type, callback) { function listener(element, selector, type, callback) {
return function(e) { return function (e) {
e.delegateTarget = closest(e.target, selector); e.delegateTarget = closest(e.target, selector);
if (e.delegateTarget) { if (e.delegateTarget) {
@ -82,14 +126,14 @@
module.exports = delegate; module.exports = delegate;
},{"./closest":1}],3:[function(require,module,exports){ }, {"./closest": 1}], 3: [function (require, module, exports) {
/** /**
* Check if argument is a HTML element. * Check if argument is a HTML element.
* *
* @param {Object} value * @param {Object} value
* @return {Boolean} * @return {Boolean}
*/ */
exports.node = function(value) { exports.node = function (value) {
return value !== undefined return value !== undefined
&& value instanceof HTMLElement && value instanceof HTMLElement
&& value.nodeType === 1; && value.nodeType === 1;
@ -101,7 +145,7 @@
* @param {Object} value * @param {Object} value
* @return {Boolean} * @return {Boolean}
*/ */
exports.nodeList = function(value) { exports.nodeList = function (value) {
var type = Object.prototype.toString.call(value); var type = Object.prototype.toString.call(value);
return value !== undefined return value !== undefined
@ -116,7 +160,7 @@
* @param {Object} value * @param {Object} value
* @return {Boolean} * @return {Boolean}
*/ */
exports.string = function(value) { exports.string = function (value) {
return typeof value === 'string' return typeof value === 'string'
|| value instanceof String; || value instanceof String;
}; };
@ -127,13 +171,13 @@
* @param {Object} value * @param {Object} value
* @return {Boolean} * @return {Boolean}
*/ */
exports.fn = function(value) { exports.fn = function (value) {
var type = Object.prototype.toString.call(value); var type = Object.prototype.toString.call(value);
return type === '[object Function]'; return type === '[object Function]';
}; };
},{}],4:[function(require,module,exports){ }, {}], 4: [function (require, module, exports) {
var is = require('./is'); var is = require('./is');
var delegate = require('delegate'); var delegate = require('delegate');
@ -186,7 +230,7 @@
node.addEventListener(type, callback); node.addEventListener(type, callback);
return { return {
destroy: function() { destroy: function () {
node.removeEventListener(type, callback); node.removeEventListener(type, callback);
} }
} }
@ -202,13 +246,13 @@
* @return {Object} * @return {Object}
*/ */
function listenNodeList(nodeList, type, callback) { function listenNodeList(nodeList, type, callback) {
Array.prototype.forEach.call(nodeList, function(node) { Array.prototype.forEach.call(nodeList, function (node) {
node.addEventListener(type, callback); node.addEventListener(type, callback);
}); });
return { return {
destroy: function() { destroy: function () {
Array.prototype.forEach.call(nodeList, function(node) { Array.prototype.forEach.call(nodeList, function (node) {
node.removeEventListener(type, callback); node.removeEventListener(type, callback);
}); });
} }
@ -230,7 +274,7 @@
module.exports = listen; module.exports = listen;
},{"./is":3,"delegate":2}],5:[function(require,module,exports){ }, {"./is": 3, "delegate": 2}], 5: [function (require, module, exports) {
function select(element) { function select(element) {
var selectedText; var selectedText;
@ -275,8 +319,8 @@
module.exports = select; module.exports = select;
},{}],6:[function(require,module,exports){ }, {}], 6: [function (require, module, exports) {
function E () { function E() {
// Keep this empty so it's easier to inherit from // Keep this empty so it's easier to inherit from
// (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3) // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3)
} }
@ -295,7 +339,8 @@
once: function (name, callback, ctx) { once: function (name, callback, ctx) {
var self = this; var self = this;
function listener () {
function listener() {
self.off(name, listener); self.off(name, listener);
callback.apply(ctx, arguments); callback.apply(ctx, arguments);
}; };
@ -343,7 +388,7 @@
module.exports = E; module.exports = E;
},{}],7:[function(require,module,exports){ }, {}], 7: [function (require, module, exports) {
(function (global, factory) { (function (global, factory) {
if (typeof define === "function" && define.amd) { if (typeof define === "function" && define.amd) {
define(['module', 'select'], factory); define(['module', 'select'], factory);
@ -363,7 +408,7 @@
function _interopRequireDefault(obj) { function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { return obj && obj.__esModule ? obj : {
default: obj "default": obj
}; };
} }
@ -469,7 +514,7 @@
document.body.appendChild(this.fakeElem); document.body.appendChild(this.fakeElem);
this.selectedText = (0, _select2.default)(this.fakeElem); this.selectedText = (0, _select2["default"])(this.fakeElem);
this.copyText(); this.copyText();
} }
}, { }, {
@ -489,7 +534,7 @@
}, { }, {
key: 'selectTarget', key: 'selectTarget',
value: function selectTarget() { value: function selectTarget() {
this.selectedText = (0, _select2.default)(this.target); this.selectedText = (0, _select2["default"])(this.target);
this.copyText(); this.copyText();
} }
}, { }, {
@ -573,7 +618,7 @@
module.exports = ClipboardAction; module.exports = ClipboardAction;
}); });
},{"select":5}],8:[function(require,module,exports){ }, {"select": 5}], 8: [function (require, module, exports) {
(function (global, factory) { (function (global, factory) {
if (typeof define === "function" && define.amd) { if (typeof define === "function" && define.amd) {
define(['module', './clipboard-action', 'tiny-emitter', 'good-listener'], factory); define(['module', './clipboard-action', 'tiny-emitter', 'good-listener'], factory);
@ -597,7 +642,7 @@
function _interopRequireDefault(obj) { function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : { return obj && obj.__esModule ? obj : {
default: obj "default": obj
}; };
} }
@ -687,7 +732,7 @@
value: function listenClick(trigger) { value: function listenClick(trigger) {
var _this2 = this; var _this2 = this;
this.listener = (0, _goodListener2.default)(trigger, 'click', function (e) { this.listener = (0, _goodListener2["default"])(trigger, 'click', function (e) {
return _this2.onClick(e); return _this2.onClick(e);
}); });
} }
@ -700,7 +745,7 @@
this.clipboardAction = null; this.clipboardAction = null;
} }
this.clipboardAction = new _clipboardAction2.default({ this.clipboardAction = new _clipboardAction2["default"]({
action: this.action(trigger), action: this.action(trigger),
target: this.target(trigger), target: this.target(trigger),
text: this.text(trigger), text: this.text(trigger),
@ -754,7 +799,7 @@
}]); }]);
return Clipboard; return Clipboard;
}(_tinyEmitter2.default); }(_tinyEmitter2["default"]);
/** /**
* Helper function to retrieve attribute value. * Helper function to retrieve attribute value.
@ -774,5 +819,501 @@
module.exports = Clipboard; module.exports = Clipboard;
}); });
},{"./clipboard-action":7,"good-listener":4,"tiny-emitter":6}]},{},[8])(8) }, {"./clipboard-action": 7, "good-listener": 4, "tiny-emitter": 6}]
}); }, {}, [8])(8)
});
} catch (e) {
/*
* zClip :: jQuery ZeroClipboard v1.1.1
* http://steamdev.com/zclip
*
* Copyright 2011, SteamDev
* Released under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* Date: Wed Jun 01, 2011
*/
(function ($) {
$.fn.zclip = function (params) {
if (typeof params == "object" && !params.length) {
var settings = $.extend({
path: 'ZeroClipboard.swf',
copy: null,
beforeCopy: null,
afterCopy: null,
clickAfter: true,
setHandCursor: true,
setCSSEffects: true
}, params);
return this.each(function () {
var o = $(this);
if (o.is(':visible') && (typeof settings.copy == 'string' || $.isFunction(settings.copy))) {
ZeroClipboard.setMoviePath(settings.path);
var clip = new ZeroClipboard.Client();
if ($.isFunction(settings.copy)) {
o.bind('zClip_copy', settings.copy);
}
if ($.isFunction(settings.beforeCopy)) {
o.bind('zClip_beforeCopy', settings.beforeCopy);
}
if ($.isFunction(settings.afterCopy)) {
o.bind('zClip_afterCopy', settings.afterCopy);
}
clip.setHandCursor(settings.setHandCursor);
clip.setCSSEffects(settings.setCSSEffects);
clip.addEventListener('mouseOver', function (client) {
o.trigger('mouseenter');
});
clip.addEventListener('mouseOut', function (client) {
o.trigger('mouseleave');
});
clip.addEventListener('mouseDown', function (client) {
o.trigger('mousedown');
if (!$.isFunction(settings.copy)) {
clip.setText(settings.copy);
} else {
clip.setText(o.triggerHandler('zClip_copy'));
}
if ($.isFunction(settings.beforeCopy)) {
o.trigger('zClip_beforeCopy');
}
});
clip.addEventListener('complete', function (client, text) {
if ($.isFunction(settings.afterCopy)) {
o.trigger('zClip_afterCopy');
} else {
if (text.length > 500) {
text = text.substr(0, 500) + "...\n\n(" + (text.length - 500) + " characters not shown)";
}
o.removeClass('hover');
alert("Copied text to clipboard:\n\n " + text);
}
if (settings.clickAfter) {
o.trigger('click');
}
});
clip.glue(o[0], o.parent()[0]);
$(window).bind('load resize', function () {
clip.reposition();
});
}
});
} else if (typeof params == "string") {
return this.each(function () {
var o = $(this);
params = params.toLowerCase();
var zclipId = o.data('zclipId');
var clipElm = $('#' + zclipId + '.zclip');
if (params == "remove") {
clipElm.remove();
o.removeClass('active hover');
} else if (params == "hide") {
clipElm.hide();
o.removeClass('active hover');
} else if (params == "show") {
clipElm.show();
}
});
}
}
})(jQuery);
// ZeroClipboard
// Simple Set Clipboard System
// Author: Joseph Huckaby
var ZeroClipboard = {
version: "1.0.7",
clients: {},
// registered upload clients on page, indexed by id
moviePath: 'ZeroClipboard.swf',
// URL to movie
nextId: 1,
// ID of next movie
$: function (thingy) {
// simple DOM lookup utility function
if (typeof(thingy) == 'string') thingy = document.getElementById(thingy);
if (!thingy.addClass) {
// extend element with a few useful methods
thingy.hide = function () {
this.style.display = 'none';
};
thingy.show = function () {
this.style.display = '';
};
thingy.addClass = function (name) {
this.removeClass(name);
this.className += ' ' + name;
};
thingy.removeClass = function (name) {
var classes = this.className.split(/\s+/);
var idx = -1;
for (var k = 0; k < classes.length; k++) {
if (classes[k] == name) {
idx = k;
k = classes.length;
}
}
if (idx > -1) {
classes.splice(idx, 1);
this.className = classes.join(' ');
}
return this;
};
thingy.hasClass = function (name) {
return !!this.className.match(new RegExp("\\s*" + name + "\\s*"));
};
}
return thingy;
},
setMoviePath: function (path) {
// set path to ZeroClipboard.swf
this.moviePath = path;
},
dispatch: function (id, eventName, args) {
// receive event from flash movie, send to client
var client = this.clients[id];
if (client) {
client.receiveEvent(eventName, args);
}
},
register: function (id, client) {
// register new client to receive events
this.clients[id] = client;
},
getDOMObjectPosition: function (obj, stopObj) {
// get absolute coordinates for dom element
var info = {
left: 0,
top: 0,
width: obj.width ? obj.width : obj.offsetWidth,
height: obj.height ? obj.height : obj.offsetHeight
};
if (obj && (obj != stopObj)) {
info.left += obj.offsetLeft;
info.top += obj.offsetTop;
}
return info;
},
Client: function (elem) {
// constructor for new simple upload client
this.handlers = {};
// unique ID
this.id = ZeroClipboard.nextId++;
this.movieId = 'ZeroClipboardMovie_' + this.id;
// register client with singleton to receive flash events
ZeroClipboard.register(this.id, this);
// create movie
if (elem) this.glue(elem);
}
};
ZeroClipboard.Client.prototype = {
id: 0,
// unique ID for us
ready: false,
// whether movie is ready to receive events or not
movie: null,
// reference to movie object
clipText: '',
// text to copy to clipboard
handCursorEnabled: true,
// whether to show hand cursor, or default pointer cursor
cssEffects: true,
// enable CSS mouse effects on dom container
handlers: null,
// user event handlers
glue: function (elem, appendElem, stylesToAdd) {
// glue to DOM element
// elem can be ID or actual DOM element object
this.domElement = ZeroClipboard.$(elem);
// float just above object, or zIndex 99 if dom element isn't set
var zIndex = 99;
if (this.domElement.style.zIndex) {
zIndex = parseInt(this.domElement.style.zIndex, 10) + 1;
}
if (typeof(appendElem) == 'string') {
appendElem = ZeroClipboard.$(appendElem);
} else if (typeof(appendElem) == 'undefined') {
appendElem = document.getElementsByTagName('body')[0];
}
// find X/Y position of domElement
var box = ZeroClipboard.getDOMObjectPosition(this.domElement, appendElem);
// create floating DIV above element
this.div = document.createElement('div');
this.div.className = "zclip";
this.div.id = "zclip-" + this.movieId;
$(this.domElement).data('zclipId', 'zclip-' + this.movieId);
var style = this.div.style;
style.position = 'absolute';
style.left = '' + box.left + 'px';
style.top = '' + box.top + 'px';
style.width = '' + box.width + 'px';
style.height = '' + box.height + 'px';
style.zIndex = zIndex;
if (typeof(stylesToAdd) == 'object') {
for (addedStyle in stylesToAdd) {
style[addedStyle] = stylesToAdd[addedStyle];
}
}
// style.backgroundColor = '#f00'; // debug
appendElem.appendChild(this.div);
this.div.innerHTML = this.getHTML(box.width, box.height);
},
getHTML: function (width, height) {
// return HTML for movie
var html = '';
var flashvars = 'id=' + this.id + '&width=' + width + '&height=' + height;
if (navigator.userAgent.match(/MSIE/)) {
// IE gets an OBJECT tag
var protocol = location.href.match(/^https/i) ? 'https://' : 'http://';
html += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="' + protocol + 'download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="' + width + '" height="' + height + '" id="' + this.movieId + '" align="middle"><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="false" /><param name="movie" value="' + ZeroClipboard.moviePath + '" /><param name="loop" value="false" /><param name="menu" value="false" /><param name="quality" value="best" /><param name="bgcolor" value="#ffffff" /><param name="flashvars" value="' + flashvars + '"/><param name="wmode" value="transparent"/></object>';
} else {
// all other browsers get an EMBED tag
html += '<embed id="' + this.movieId + '" src="' + ZeroClipboard.moviePath + '" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="' + width + '" height="' + height + '" name="' + this.movieId + '" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="' + flashvars + '" wmode="transparent" />';
}
return html;
},
hide: function () {
// temporarily hide floater offscreen
if (this.div) {
this.div.style.left = '-2000px';
}
},
show: function () {
// show ourselves after a call to hide()
this.reposition();
},
destroy: function () {
// destroy control and floater
if (this.domElement && this.div) {
this.hide();
this.div.innerHTML = '';
var body = document.getElementsByTagName('body')[0];
try {
body.removeChild(this.div);
} catch (e) {
;
}
this.domElement = null;
this.div = null;
}
},
reposition: function (elem) {
// reposition our floating div, optionally to new container
// warning: container CANNOT change size, only position
if (elem) {
this.domElement = ZeroClipboard.$(elem);
if (!this.domElement) this.hide();
}
if (this.domElement && this.div) {
var box = ZeroClipboard.getDOMObjectPosition(this.domElement);
var style = this.div.style;
style.left = '' + box.left + 'px';
style.top = '' + box.top + 'px';
}
},
setText: function (newText) {
// set text to be copied to clipboard
this.clipText = newText;
if (this.ready) {
this.movie.setText(newText);
}
},
addEventListener: function (eventName, func) {
// add user event listener for event
// event types: load, queueStart, fileStart, fileComplete, queueComplete, progress, error, cancel
eventName = eventName.toString().toLowerCase().replace(/^on/, '');
if (!this.handlers[eventName]) {
this.handlers[eventName] = [];
}
this.handlers[eventName].push(func);
},
setHandCursor: function (enabled) {
// enable hand cursor (true), or default arrow cursor (false)
this.handCursorEnabled = enabled;
if (this.ready) {
this.movie.setHandCursor(enabled);
}
},
setCSSEffects: function (enabled) {
// enable or disable CSS effects on DOM container
this.cssEffects = !!enabled;
},
receiveEvent: function (eventName, args) {
// receive event from flash
eventName = eventName.toString().toLowerCase().replace(/^on/, '');
// special behavior for certain events
switch (eventName) {
case 'load':
// movie claims it is ready, but in IE this isn't always the case...
// bug fix: Cannot extend EMBED DOM elements in Firefox, must use traditional function
this.movie = document.getElementById(this.movieId);
if (!this.movie) {
var self = this;
setTimeout(function () {
self.receiveEvent('load', null);
}, 1);
return;
}
// firefox on pc needs a "kick" in order to set these in certain cases
if (!this.ready && navigator.userAgent.match(/Firefox/) && navigator.userAgent.match(/Windows/)) {
var self = this;
setTimeout(function () {
self.receiveEvent('load', null);
}, 100);
this.ready = true;
return;
}
this.ready = true;
try {
this.movie.setText(this.clipText);
} catch (e) {
}
try {
this.movie.setHandCursor(this.handCursorEnabled);
} catch (e) {
}
break;
case 'mouseover':
if (this.domElement && this.cssEffects) {
this.domElement.addClass('hover');
if (this.recoverActive) {
this.domElement.addClass('active');
}
}
break;
case 'mouseout':
if (this.domElement && this.cssEffects) {
this.recoverActive = false;
if (this.domElement.hasClass('active')) {
this.domElement.removeClass('active');
this.recoverActive = true;
}
this.domElement.removeClass('hover');
}
break;
case 'mousedown':
if (this.domElement && this.cssEffects) {
this.domElement.addClass('active');
}
break;
case 'mouseup':
if (this.domElement && this.cssEffects) {
this.domElement.removeClass('active');
this.recoverActive = false;
}
break;
} // switch eventName
if (this.handlers[eventName]) {
for (var idx = 0, len = this.handlers[eventName].length; idx < len; idx++) {
var func = this.handlers[eventName][idx];
if (typeof(func) == 'function') {
// actual function reference
func(this, args);
} else if ((typeof(func) == 'object') && (func.length == 2)) {
// PHP style object + method, i.e. [myObject, 'myMethod']
func[0][func[1]](this, args);
} else if (typeof(func) == 'string') {
// name of function
window[func](this, args);
}
} // foreach event handler defined
} // user defined handler for event
}
};
}

15
src/case/clipboard/index.js
Unescape View File

@ -8,7 +8,7 @@ BI.ClipBoard = BI.inherit(BI.BasicButton, {
_defaultConfig: function () { _defaultConfig: function () {
return BI.extend(BI.ClipBoard.superclass._defaultConfig.apply(this, arguments), { return BI.extend(BI.ClipBoard.superclass._defaultConfig.apply(this, arguments), {
extraCls: "bi-clipboard", extraCls: "bi-clipboard",
text: "", copy: BI.emptyFn,
afterCopy: BI.emptyFn afterCopy: BI.emptyFn
}) })
}, },
@ -19,18 +19,27 @@ BI.ClipBoard = BI.inherit(BI.BasicButton, {
mounted: function () { mounted: function () {
var self = this, o = this.options; var self = this, o = this.options;
if (window.Clipboard) {
this.clipboard = new Clipboard(this.element[0], { this.clipboard = new Clipboard(this.element[0], {
text: function () { text: function () {
return BI.isFunction(o.text) ? o.text() : o.text; return BI.isFunction(o.copy) ? o.copy() : o.copy;
} }
}); });
this.clipboard.on("success", function (e) { this.clipboard.on("success", function (e) {
o.afterCopy(); o.afterCopy();
}) })
} else {
this.element.zclip({
path: BI.resourceURL + "/ZeroClipboard.swf",
copy: o.copy,
beforeCopy: o.beforeCopy,
afterCopy: o.afterCopy
});
}
}, },
destroyed: function () { destroyed: function () {
this.clipboard.destroy(); this.clipboard && this.clipboard.destroy();
} }
}); });

Write Preview
Loading…
Cancel
Save