|
|
@@ -1,372 +1,478 @@
|
|
|
+/******/ (function(modules) { // webpackBootstrap
|
|
|
+/******/ // The module cache
|
|
|
+/******/ var installedModules = {};
|
|
|
+/******/
|
|
|
+/******/ // The require function
|
|
|
+/******/ function __webpack_require__(moduleId) {
|
|
|
+/******/
|
|
|
+/******/ // Check if module is in cache
|
|
|
+/******/ if(installedModules[moduleId]) {
|
|
|
+/******/ return installedModules[moduleId].exports;
|
|
|
+/******/ }
|
|
|
+/******/ // Create a new module (and put it into the cache)
|
|
|
+/******/ var module = installedModules[moduleId] = {
|
|
|
+/******/ i: moduleId,
|
|
|
+/******/ l: false,
|
|
|
+/******/ exports: {}
|
|
|
+/******/ };
|
|
|
+/******/
|
|
|
+/******/ // Execute the module function
|
|
|
+/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
|
|
|
+/******/
|
|
|
+/******/ // Flag the module as loaded
|
|
|
+/******/ module.l = true;
|
|
|
+/******/
|
|
|
+/******/ // Return the exports of the module
|
|
|
+/******/ return module.exports;
|
|
|
+/******/ }
|
|
|
+/******/
|
|
|
+/******/
|
|
|
+/******/ // expose the modules object (__webpack_modules__)
|
|
|
+/******/ __webpack_require__.m = modules;
|
|
|
+/******/
|
|
|
+/******/ // expose the module cache
|
|
|
+/******/ __webpack_require__.c = installedModules;
|
|
|
+/******/
|
|
|
+/******/ // define getter function for harmony exports
|
|
|
+/******/ __webpack_require__.d = function(exports, name, getter) {
|
|
|
+/******/ if(!__webpack_require__.o(exports, name)) {
|
|
|
+/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
|
|
|
+/******/ }
|
|
|
+/******/ };
|
|
|
+/******/
|
|
|
+/******/ // define __esModule on exports
|
|
|
+/******/ __webpack_require__.r = function(exports) {
|
|
|
+/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
|
|
+/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
|
+/******/ }
|
|
|
+/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
+/******/ };
|
|
|
+/******/
|
|
|
+/******/ // create a fake namespace object
|
|
|
+/******/ // mode & 1: value is a module id, require it
|
|
|
+/******/ // mode & 2: merge all properties of value into the ns
|
|
|
+/******/ // mode & 4: return value when already ns object
|
|
|
+/******/ // mode & 8|1: behave like require
|
|
|
+/******/ __webpack_require__.t = function(value, mode) {
|
|
|
+/******/ if(mode & 1) value = __webpack_require__(value);
|
|
|
+/******/ if(mode & 8) return value;
|
|
|
+/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
|
|
|
+/******/ var ns = Object.create(null);
|
|
|
+/******/ __webpack_require__.r(ns);
|
|
|
+/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
|
|
|
+/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
|
|
|
+/******/ return ns;
|
|
|
+/******/ };
|
|
|
+/******/
|
|
|
+/******/ // getDefaultExport function for compatibility with non-harmony modules
|
|
|
+/******/ __webpack_require__.n = function(module) {
|
|
|
+/******/ var getter = module && module.__esModule ?
|
|
|
+/******/ function getDefault() { return module['default']; } :
|
|
|
+/******/ function getModuleExports() { return module; };
|
|
|
+/******/ __webpack_require__.d(getter, 'a', getter);
|
|
|
+/******/ return getter;
|
|
|
+/******/ };
|
|
|
+/******/
|
|
|
+/******/ // Object.prototype.hasOwnProperty.call
|
|
|
+/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
|
|
|
+/******/
|
|
|
+/******/ // __webpack_public_path__
|
|
|
+/******/ __webpack_require__.p = "/";
|
|
|
+/******/
|
|
|
+/******/
|
|
|
+/******/ // Load entry module and return exports
|
|
|
+/******/ return __webpack_require__(__webpack_require__.s = 1);
|
|
|
+/******/ })
|
|
|
+/************************************************************************/
|
|
|
+/******/ ({
|
|
|
+
|
|
|
+/***/ "./resources/assets/dcat/extra/resource-selector.js":
|
|
|
+/*!**********************************************************!*\
|
|
|
+ !*** ./resources/assets/dcat/extra/resource-selector.js ***!
|
|
|
+ \**********************************************************/
|
|
|
+/*! no static exports found */
|
|
|
+/***/ (function(module, exports) {
|
|
|
+
|
|
|
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
|
+
|
|
|
(function (w) {
|
|
|
- let NONE = '';
|
|
|
-
|
|
|
- function ResourceSelector(options) {
|
|
|
- options = $.extend({
|
|
|
- title: '选择', // 弹窗标题
|
|
|
- selector: '', // 选择按钮选择器
|
|
|
- column: '', // 字段名称
|
|
|
- source: '', // 资源地址
|
|
|
- maxItem: 1, // 最大选项数量，0为不限制
|
|
|
- area: ['80%', '90%'],
|
|
|
- items: {}, // 默认选中项，key => value 键值对
|
|
|
- placeholder: '', // input placeholder
|
|
|
- showCloseButton: false,
|
|
|
- lang: {
|
|
|
- close: Dcat.lang.close || '关闭',
|
|
|
- exceed_max_item: Dcat.lang.exceed_max_item || '您已超出最大可选择的数量',
|
|
|
- selected_options: Dcat.lang.selected_options || '已选中:num个选项',
|
|
|
- },
|
|
|
- displayerContainer: null, // 选项展示容器dom对象
|
|
|
- hiddenInput: null, // 隐藏表单dom对象
|
|
|
- displayer: null, // 自定义选中项渲染方法
|
|
|
- disabled: false,
|
|
|
- clearAllClass: '',
|
|
|
- clearOneClass: '',
|
|
|
- window: null,
|
|
|
- }, options);
|
|
|
-
|
|
|
- options.window = options.window || (top || w);
|
|
|
-
|
|
|
- let self = ResourceSelector,
|
|
|
- column = options.column,
|
|
|
- cls = column.replace(/[\[\]]*/g, '') + (Math.random().toString(36).substr(2)),
|
|
|
- layer = options.window.layer,
|
|
|
- $input = getQueryDomObject(options.displayerContainer) || $(options.selector).parents('.select-resource').find('div[name="' + column + '"]'),
|
|
|
- $hidden = getQueryDomObject(options.hiddenInput) || $('input[name="' + column + '"]'),
|
|
|
- tagClearClass = options.clearOneClass || (cls + '-tag-clear-button'),
|
|
|
- clearClass = options.clearAllClass || (cls + '-clear-button'),
|
|
|
- maxItem = options.maxItem,
|
|
|
- originalItems = options.items,
|
|
|
- Dcat = w.Dcat,
|
|
|
- iframeWin,
|
|
|
- layerIdx,
|
|
|
- $layerWin;
|
|
|
-
|
|
|
- options.clearOneClass = tagClearClass;
|
|
|
- options.clearAllClass = clearClass;
|
|
|
-
|
|
|
- $(options.selector).click(function () {
|
|
|
- if (options.disabled) return;
|
|
|
- if (layerIdx) {
|
|
|
- $layerWin.show();
|
|
|
- clickCheckedItems();
|
|
|
- return;
|
|
|
- }
|
|
|
- $(document).one('pjax:complete', function () {// 跳转新页面时移除弹窗
|
|
|
- layer.close(layerIdx);
|
|
|
- $layerWin.remove();
|
|
|
- layerIdx = $layerWin = null;
|
|
|
- });
|
|
|
-
|
|
|
- layerIdx = layer.open({
|
|
|
- type: 2,
|
|
|
- title: options.title,
|
|
|
- shadeClose: true,
|
|
|
- maxmin: false,
|
|
|
- resize: false,
|
|
|
- shade: false,
|
|
|
- scrollbar: false,
|
|
|
- skin: 'select-resource',
|
|
|
- area: formatArea(options.area),
|
|
|
- content: options.source + '?_mini=1',
|
|
|
- btn: options.showCloseButton ? [options.closeButtonText] : null,
|
|
|
- success: function (layero) {
|
|
|
- iframeWin = options.window[layero.find('iframe')[0]['name']];
|
|
|
-
|
|
|
- // 绑定勾选默认选项事件
|
|
|
- bindCheckedDefaultEvent(iframeWin);
|
|
|
- },
|
|
|
- yes: function () {
|
|
|
- $layerWin.hide();
|
|
|
-
|
|
|
- return false;
|
|
|
- },
|
|
|
- cancel: function () {
|
|
|
- $layerWin.hide();
|
|
|
-
|
|
|
- return false;
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- $layerWin = options.window.$('#layui-layer' + layerIdx);
|
|
|
+ var NONE = '';
|
|
|
+
|
|
|
+ function ResourceSelector(options) {
|
|
|
+ var Dcat = w.Dcat;
|
|
|
+ options = $.extend({
|
|
|
+ title: '选择',
|
|
|
+ // 弹窗标题
|
|
|
+ selector: '',
|
|
|
+ // 选择按钮选择器
|
|
|
+ column: '',
|
|
|
+ // 字段名称
|
|
|
+ source: '',
|
|
|
+ // 资源地址
|
|
|
+ maxItem: 1,
|
|
|
+ // 最大选项数量，0为不限制
|
|
|
+ area: ['80%', '90%'],
|
|
|
+ items: {},
|
|
|
+ // 默认选中项，key => value 键值对
|
|
|
+ placeholder: '',
|
|
|
+ // input placeholder
|
|
|
+ showCloseButton: false,
|
|
|
+ lang: {
|
|
|
+ close: Dcat.lang.close || '关闭',
|
|
|
+ exceed_max_item: Dcat.lang.exceed_max_item || '您已超出最大可选择的数量',
|
|
|
+ selected_options: Dcat.lang.selected_options || '已选中:num个选项'
|
|
|
+ },
|
|
|
+ displayerContainer: null,
|
|
|
+ // 选项展示容器dom对象
|
|
|
+ hiddenInput: null,
|
|
|
+ // 隐藏表单dom对象
|
|
|
+ displayer: null,
|
|
|
+ // 自定义选中项渲染方法
|
|
|
+ disabled: false,
|
|
|
+ clearAllClass: '',
|
|
|
+ clearOneClass: '',
|
|
|
+ window: null
|
|
|
+ }, options);
|
|
|
+ options.window = options.window || top || w;
|
|
|
+ var self = ResourceSelector,
|
|
|
+ column = options.column,
|
|
|
+ cls = column.replace(/[\[\]]*/g, '') + Math.random().toString(36).substr(2),
|
|
|
+ layer = options.window.layer,
|
|
|
+ $input = getQueryDomObject(options.displayerContainer) || $(options.selector).parents('.select-resource').find('div[name="' + column + '"]'),
|
|
|
+ $hidden = getQueryDomObject(options.hiddenInput) || $('input[name="' + column + '"]'),
|
|
|
+ tagClearClass = options.clearOneClass || cls + '-tag-clear-button',
|
|
|
+ clearClass = options.clearAllClass || cls + '-clear-button',
|
|
|
+ maxItem = options.maxItem,
|
|
|
+ originalItems = options.items,
|
|
|
+ iframeWin,
|
|
|
+ layerIdx,
|
|
|
+ $layerWin;
|
|
|
+ options.clearOneClass = tagClearClass;
|
|
|
+ options.clearAllClass = clearClass;
|
|
|
+ $(options.selector).click(function () {
|
|
|
+ if (options.disabled) return;
|
|
|
+
|
|
|
+ if (layerIdx) {
|
|
|
+ $layerWin.show();
|
|
|
+ clickCheckedItems();
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ $(document).one('pjax:complete', function () {
|
|
|
+ // 跳转新页面时移除弹窗
|
|
|
+ layer.close(layerIdx);
|
|
|
+ $layerWin.remove();
|
|
|
+ layerIdx = $layerWin = null;
|
|
|
+ });
|
|
|
+ layerIdx = layer.open({
|
|
|
+ type: 2,
|
|
|
+ title: options.title,
|
|
|
+ shadeClose: true,
|
|
|
+ maxmin: false,
|
|
|
+ resize: false,
|
|
|
+ shade: false,
|
|
|
+ scrollbar: false,
|
|
|
+ skin: 'select-resource',
|
|
|
+ area: formatArea(options.area),
|
|
|
+ content: options.source + '?_mini=1',
|
|
|
+ btn: options.showCloseButton ? [options.closeButtonText] : null,
|
|
|
+ success: function success(layero) {
|
|
|
+ iframeWin = options.window[layero.find('iframe')[0]['name']]; // 绑定勾选默认选项事件
|
|
|
+
|
|
|
+ bindCheckedDefaultEvent(iframeWin);
|
|
|
+ },
|
|
|
+ yes: function yes() {
|
|
|
+ $layerWin.hide();
|
|
|
+ return false;
|
|
|
+ },
|
|
|
+ cancel: function cancel() {
|
|
|
+ $layerWin.hide();
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ $layerWin = options.window.$('#layui-layer' + layerIdx);
|
|
|
+ });
|
|
|
|
|
|
- });
|
|
|
+ function getQueryDomObject(value) {
|
|
|
+ if (!value) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
|
|
|
- function getQueryDomObject(value) {
|
|
|
- if (! value) {
|
|
|
- return;
|
|
|
- }
|
|
|
- return typeof value === 'object' ? value : $(value);
|
|
|
- }
|
|
|
+ return _typeof(value) === 'object' ? value : $(value);
|
|
|
+ }
|
|
|
+ /**
|
|
|
+ * 多选
|
|
|
+ */
|
|
|
|
|
|
- /**
|
|
|
- * 多选
|
|
|
- */
|
|
|
- function multipleSelect($this) {
|
|
|
- let id = $this.data('id'),
|
|
|
- label = $this.data('label') || id,
|
|
|
- exist = Dcat.helpers.isset(originalItems, id);
|
|
|
-
|
|
|
- if ($this.prop('checked')) {
|
|
|
- if (!exist) {
|
|
|
- originalItems[id] = label;
|
|
|
- }
|
|
|
- } else if (exist) {
|
|
|
- delete originalItems[id];
|
|
|
- }
|
|
|
-
|
|
|
- if (maxItem > 0 && Dcat.helpers.len(originalItems) > maxItem) {
|
|
|
- unchecked($this);
|
|
|
- delete originalItems[id];
|
|
|
- // 多选项判断最大长度
|
|
|
- return Dcat.warning(options.exceedMaxItemTip);
|
|
|
- }
|
|
|
-
|
|
|
- renderTags(originalItems);
|
|
|
+
|
|
|
+ function multipleSelect($this) {
|
|
|
+ var id = $this.data('id'),
|
|
|
+ label = $this.data('label') || id,
|
|
|
+ exist = Dcat.helpers.isset(originalItems, id);
|
|
|
+
|
|
|
+ if ($this.prop('checked')) {
|
|
|
+ if (!exist) {
|
|
|
+ originalItems[id] = label;
|
|
|
}
|
|
|
+ } else if (exist) {
|
|
|
+ delete originalItems[id];
|
|
|
+ }
|
|
|
|
|
|
- // 单选
|
|
|
- function select($this) {
|
|
|
- let id = $this.data('id'),
|
|
|
- label = $this.data('label') || id;
|
|
|
+ if (maxItem > 0 && Dcat.helpers.len(originalItems) > maxItem) {
|
|
|
+ unchecked($this);
|
|
|
+ delete originalItems[id]; // 多选项判断最大长度
|
|
|
|
|
|
- getAllCheckboxes().each(function () {
|
|
|
- if ($(this).data('id') != id) {
|
|
|
- unchecked($(this));
|
|
|
- }
|
|
|
- });
|
|
|
+ return Dcat.warning(options.exceedMaxItemTip);
|
|
|
+ }
|
|
|
|
|
|
- originalItems = {};
|
|
|
+ renderTags(originalItems);
|
|
|
+ } // 单选
|
|
|
|
|
|
- if ($this.prop('checked')) {
|
|
|
- originalItems[id] = label;
|
|
|
- }
|
|
|
|
|
|
- renderTags(originalItems);
|
|
|
+ function select($this) {
|
|
|
+ var id = $this.data('id'),
|
|
|
+ label = $this.data('label') || id;
|
|
|
+ getAllCheckboxes().each(function () {
|
|
|
+ if ($(this).data('id') != id) {
|
|
|
+ unchecked($(this));
|
|
|
}
|
|
|
+ });
|
|
|
+ originalItems = {};
|
|
|
|
|
|
- /**
|
|
|
- * 显示选项内容
|
|
|
- *
|
|
|
- * @param items
|
|
|
- */
|
|
|
- function renderTags(items) {
|
|
|
- let ids = [];
|
|
|
- for (let id in items) {
|
|
|
- ids.push(id);
|
|
|
- }
|
|
|
-
|
|
|
- // 显示勾选的选项内容
|
|
|
- displayInputDiv(items);
|
|
|
- setSelectedId(ids);
|
|
|
-
|
|
|
- // 绑定清除事件
|
|
|
- $('.' + clearClass).click(clearAllTags);
|
|
|
- $('.' + tagClearClass).click(clearTag);
|
|
|
- }
|
|
|
+ if ($this.prop('checked')) {
|
|
|
+ originalItems[id] = label;
|
|
|
+ }
|
|
|
|
|
|
- function setSelectedId(ids) {
|
|
|
- $hidden.val(ids.length ? ids.join(',') : NONE);
|
|
|
- }
|
|
|
+ renderTags(originalItems);
|
|
|
+ }
|
|
|
+ /**
|
|
|
+ * 显示选项内容
|
|
|
+ *
|
|
|
+ * @param items
|
|
|
+ */
|
|
|
|
|
|
- /**
|
|
|
- * 显示勾选的选项内容
|
|
|
- */
|
|
|
- function displayInputDiv(tag) {
|
|
|
- if (options.displayer) {
|
|
|
- if (typeof options.displayer == 'string' && Dcat.helpers.isset(self.displayers, options.displayer)) {
|
|
|
- return self.displayers[options.displayer](tag, $input, options);
|
|
|
- }
|
|
|
|
|
|
- // 自定义选中内容渲染
|
|
|
- return options.displayer(tag, $input, options);
|
|
|
- }
|
|
|
+ function renderTags(items) {
|
|
|
+ var ids = [];
|
|
|
|
|
|
- return self.displayers.default(tag, $input, options);
|
|
|
- }
|
|
|
+ for (var id in items) {
|
|
|
+ ids.push(id);
|
|
|
+ } // 显示勾选的选项内容
|
|
|
|
|
|
- function bindCheckedDefaultEvent(iframeWin) {
|
|
|
- Dcat.ready(function () {
|
|
|
- clickCheckedItems();
|
|
|
- getAllCheckboxes().change(function () {
|
|
|
- if (maxItem == 1) {
|
|
|
- select($(this));
|
|
|
- } else {
|
|
|
- multipleSelect($(this));
|
|
|
- }
|
|
|
- });
|
|
|
- if (maxItem == 1) {
|
|
|
- // 单选模式禁用全选按钮
|
|
|
- $(layer.getChildFrame('.checkbox-grid .select-all', layerIdx)).click(function () {
|
|
|
- return false;
|
|
|
- });
|
|
|
- }
|
|
|
- }, iframeWin);
|
|
|
- }
|
|
|
|
|
|
- function unchecked($ckb) {
|
|
|
- $ckb.prop('checked', false);
|
|
|
- }
|
|
|
+ displayInputDiv(items);
|
|
|
+ setSelectedId(ids); // 绑定清除事件
|
|
|
|
|
|
- // 勾选默认选项
|
|
|
- function clickCheckedItems() {
|
|
|
- setTimeout(function () {
|
|
|
- let ckb = layer.getChildFrame('tbody .checkbox-grid input[type="checkbox"]:checked', layerIdx);
|
|
|
- unchecked(ckb);
|
|
|
+ $('.' + clearClass).click(clearAllTags);
|
|
|
+ $('.' + tagClearClass).click(clearTag);
|
|
|
+ }
|
|
|
|
|
|
- for (let id in originalItems) {
|
|
|
- layer.getChildFrame('.checkbox-grid input[data-id="'+id+'"]', layerIdx).click();
|
|
|
- }
|
|
|
- }, 10);
|
|
|
- }
|
|
|
+ function setSelectedId(ids) {
|
|
|
+ $hidden.val(ids.length ? ids.join(',') : NONE);
|
|
|
+ }
|
|
|
+ /**
|
|
|
+ * 显示勾选的选项内容
|
|
|
+ */
|
|
|
|
|
|
- function getAllCheckboxes() {
|
|
|
- return $(layer.getChildFrame('.checkbox-grid input[type="checkbox"]:not(.select-all)', layerIdx));
|
|
|
- }
|
|
|
|
|
|
- /**
|
|
|
- * 清除所有选项
|
|
|
- */
|
|
|
- function clearTag() {
|
|
|
- delete originalItems[$(this).data('id')];
|
|
|
+ function displayInputDiv(tag) {
|
|
|
+ if (options.displayer) {
|
|
|
+ if (typeof options.displayer == 'string' && Dcat.helpers.isset(self.displayers, options.displayer)) {
|
|
|
+ return self.displayers[options.displayer](tag, $input, options);
|
|
|
+ } // 自定义选中内容渲染
|
|
|
|
|
|
- renderTags(originalItems);
|
|
|
- }
|
|
|
|
|
|
- /**
|
|
|
- * 清除所有选项
|
|
|
- */
|
|
|
- function clearAllTags() {
|
|
|
- originalItems = {};
|
|
|
+ return options.displayer(tag, $input, options);
|
|
|
+ }
|
|
|
+
|
|
|
+ return self.displayers["default"](tag, $input, options);
|
|
|
+ }
|
|
|
+
|
|
|
+ function bindCheckedDefaultEvent(iframeWin) {
|
|
|
+ Dcat.ready(function () {
|
|
|
+ clickCheckedItems();
|
|
|
+ getAllCheckboxes().change(function () {
|
|
|
+ if (maxItem == 1) {
|
|
|
+ select($(this));
|
|
|
+ } else {
|
|
|
+ multipleSelect($(this));
|
|
|
+ }
|
|
|
+ });
|
|
|
|
|
|
- renderTags(originalItems);
|
|
|
+ if (maxItem == 1) {
|
|
|
+ // 单选模式禁用全选按钮
|
|
|
+ $(layer.getChildFrame('.checkbox-grid .select-all', layerIdx)).click(function () {
|
|
|
+ return false;
|
|
|
+ });
|
|
|
}
|
|
|
+ }, iframeWin);
|
|
|
+ }
|
|
|
|
|
|
- function formatArea(area) {
|
|
|
- if (w.screen.width <= 750) {
|
|
|
- return ['100%', '100%'];
|
|
|
- }
|
|
|
+ function unchecked($ckb) {
|
|
|
+ $ckb.prop('checked', false);
|
|
|
+ } // 勾选默认选项
|
|
|
|
|
|
- return area;
|
|
|
+
|
|
|
+ function clickCheckedItems() {
|
|
|
+ setTimeout(function () {
|
|
|
+ var ckb = layer.getChildFrame('tbody .checkbox-grid input[type="checkbox"]:checked', layerIdx);
|
|
|
+ unchecked(ckb);
|
|
|
+
|
|
|
+ for (var id in originalItems) {
|
|
|
+ layer.getChildFrame('.checkbox-grid input[data-id="' + id + '"]', layerIdx).click();
|
|
|
}
|
|
|
+ }, 10);
|
|
|
+ }
|
|
|
|
|
|
- renderTags(originalItems);
|
|
|
+ function getAllCheckboxes() {
|
|
|
+ return $(layer.getChildFrame('.checkbox-grid input[type="checkbox"]:not(.select-all)', layerIdx));
|
|
|
}
|
|
|
+ /**
|
|
|
+ * 清除所有选项
|
|
|
+ */
|
|
|
|
|
|
- ResourceSelector.displayers = {
|
|
|
- default: function (tag, $input, opts) {
|
|
|
- let place = '<span class="default-text" style="opacity:0.75">' + (opts.placeholder || $input.attr('placeholder')) + '</span>',
|
|
|
- maxItem = opts.maxItem;
|
|
|
- function init() {
|
|
|
- if (! Dcat.helpers.len(tag)) {
|
|
|
- return $input.html(place);
|
|
|
- }
|
|
|
- if (maxItem == 1) {
|
|
|
- return $input.html(buildOne(tag[Object.keys(tag)[0]]));
|
|
|
- }
|
|
|
-
|
|
|
- $input.html(buildMany(tag));
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- function buildMany(tag) {
|
|
|
- let html = [];
|
|
|
-
|
|
|
- for (let i in tag) {
|
|
|
- if (maxItem > 2 || !maxItem) {
|
|
|
- let strVar = "";
|
|
|
- strVar += "<li class=\"select2-selection__choice\" >";
|
|
|
- strVar += tag[i] + " <span data-id=\"" + i + "\" class=\"select2-selection__choice__remove ";
|
|
|
- strVar += opts.clearOneClass +"\" role=\"presentation\"> ×</span>";
|
|
|
- strVar += "</li>";
|
|
|
-
|
|
|
- html.push(strVar);
|
|
|
-
|
|
|
- } else {
|
|
|
- html.push(
|
|
|
- "<a class='label label-primary'>" + tag[i] + " " +
|
|
|
- "<span data-id=" + i + " class='" + opts.clearOneClass +
|
|
|
- "' style='font-weight:bold;cursor:pointer;font-size:14px'>×</span></a>"
|
|
|
- )
|
|
|
- }
|
|
|
- }
|
|
|
- if (!(maxItem > 2 || !maxItem)) {
|
|
|
- return buildOne(html.join(' '));
|
|
|
- }
|
|
|
-
|
|
|
- html.unshift('<span class="select2-selection__clear '+opts.clearAllClass+'">×</span>');
|
|
|
-
|
|
|
- html = '<ul class="select2-selection__rendered">' + html.join('') + '</ul>';
|
|
|
-
|
|
|
- return html;
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- /**
|
|
|
- * 单个选项样式
|
|
|
- *
|
|
|
- * @param tag
|
|
|
- * @returns {string}
|
|
|
- */
|
|
|
- function buildOne(tag) {
|
|
|
- let clearButton = "<div class='pull-right "+opts.clearAllClass+"' style='font-weight:bold;cursor:pointer'>×</div>";
|
|
|
-
|
|
|
- return ""+tag+""+clearButton;
|
|
|
- }
|
|
|
-
|
|
|
- init();
|
|
|
- },
|
|
|
|
|
|
- // list模式
|
|
|
- navList: function (tag, $input, opts) {
|
|
|
- let place = '<span style="opacity:0.75">' + (opts.placeholder || $input.attr('placeholder')) + '</span>',
|
|
|
- maxItem = opts.maxItem;
|
|
|
+ function clearTag() {
|
|
|
+ delete originalItems[$(this).data('id')];
|
|
|
+ renderTags(originalItems);
|
|
|
+ }
|
|
|
+ /**
|
|
|
+ * 清除所有选项
|
|
|
+ */
|
|
|
+
|
|
|
|
|
|
- function init() {
|
|
|
- let $app = $(opts.selector).parents('.select-resource').find('app');
|
|
|
- $app.html('');
|
|
|
+ function clearAllTags() {
|
|
|
+ originalItems = {};
|
|
|
+ renderTags(originalItems);
|
|
|
+ }
|
|
|
+
|
|
|
+ function formatArea(area) {
|
|
|
+ if (w.screen.width <= 750) {
|
|
|
+ return ['100%', '100%'];
|
|
|
+ }
|
|
|
|
|
|
- if (! Dcat.helpers.len(tag)) {
|
|
|
- return $input.html(place);
|
|
|
- }
|
|
|
- if (maxItem == 1) {
|
|
|
- return $input.html(buildOne(tag[Object.keys(tag)[0]]));
|
|
|
- }
|
|
|
+ return area;
|
|
|
+ }
|
|
|
|
|
|
- $input.html(buildOne(opts.selectedOptionsTip.replace(':num', Dcat.helpers.len(tag))));
|
|
|
+ renderTags(originalItems);
|
|
|
+ }
|
|
|
|
|
|
- $app.html(buildMany(tag));
|
|
|
- }
|
|
|
+ ResourceSelector.displayers = {
|
|
|
+ "default": function _default(tag, $input, opts) {
|
|
|
+ var place = '<span class="default-text" style="opacity:0.75">' + (opts.placeholder || $input.attr('placeholder')) + '</span>',
|
|
|
+ maxItem = opts.maxItem;
|
|
|
|
|
|
- function buildMany(tag) {
|
|
|
- let html = [];
|
|
|
+ function init() {
|
|
|
+ if (!Dcat.helpers.len(tag)) {
|
|
|
+ return $input.html(place);
|
|
|
+ }
|
|
|
|
|
|
- for (let i in tag) {
|
|
|
- let strVar = "";
|
|
|
- strVar += "<li>";
|
|
|
- strVar += "<a class='pull-left'>" + tag[i] + "</a><a data-id='" + i + "' class='pull-right red ";
|
|
|
- strVar += opts.clearOneClass +"' ><i class='fa fa-close'></i></a>";
|
|
|
- strVar += "<span class='clearfix'></span></li>";
|
|
|
+ if (maxItem == 1) {
|
|
|
+ return $input.html(buildOne(tag[Object.keys(tag)[0]]));
|
|
|
+ }
|
|
|
|
|
|
- html.push(strVar);
|
|
|
- }
|
|
|
+ $input.html(buildMany(tag));
|
|
|
+ }
|
|
|
+
|
|
|
+ function buildMany(tag) {
|
|
|
+ var html = [];
|
|
|
+
|
|
|
+ for (var i in tag) {
|
|
|
+ if (maxItem > 2 || !maxItem) {
|
|
|
+ var strVar = "";
|
|
|
+ strVar += "<li class=\"select2-selection__choice\" >";
|
|
|
+ strVar += tag[i] + " <span data-id=\"" + i + "\" class=\"select2-selection__choice__remove ";
|
|
|
+ strVar += opts.clearOneClass + "\" role=\"presentation\"> ×</span>";
|
|
|
+ strVar += "</li>";
|
|
|
+ html.push(strVar);
|
|
|
+ } else {
|
|
|
+ html.push("<a class='label label-primary'>" + tag[i] + " " + "<span data-id=" + i + " class='" + opts.clearOneClass + "' style='font-weight:bold;cursor:pointer;font-size:14px'>×</span></a>");
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- html = '<ul class="nav nav-pills nav-stacked" >' + html.join('') + '</ul>';
|
|
|
+ if (!(maxItem > 2 || !maxItem)) {
|
|
|
+ return buildOne(html.join(' '));
|
|
|
+ }
|
|
|
|
|
|
- return html;
|
|
|
+ html.unshift('<span class="select2-selection__clear ' + opts.clearAllClass + '">×</span>');
|
|
|
+ html = '<ul class="select2-selection__rendered">' + html.join('') + '</ul>';
|
|
|
+ return html;
|
|
|
+ }
|
|
|
+ /**
|
|
|
+ * 单个选项样式
|
|
|
+ *
|
|
|
+ * @param tag
|
|
|
+ * @returns {string}
|
|
|
+ */
|
|
|
+
|
|
|
+
|
|
|
+ function buildOne(tag) {
|
|
|
+ var clearButton = "<div class='pull-right " + opts.clearAllClass + "' style='font-weight:bold;cursor:pointer'>×</div>";
|
|
|
+ return "" + tag + "" + clearButton;
|
|
|
+ }
|
|
|
+
|
|
|
+ init();
|
|
|
+ },
|
|
|
+ // list模式
|
|
|
+ navList: function navList(tag, $input, opts) {
|
|
|
+ var place = '<span style="opacity:0.75">' + (opts.placeholder || $input.attr('placeholder')) + '</span>',
|
|
|
+ maxItem = opts.maxItem;
|
|
|
+
|
|
|
+ function init() {
|
|
|
+ var $app = $(opts.selector).parents('.select-resource').find('app');
|
|
|
+ $app.html('');
|
|
|
+
|
|
|
+ if (!Dcat.helpers.len(tag)) {
|
|
|
+ return $input.html(place);
|
|
|
+ }
|
|
|
|
|
|
- }
|
|
|
+ if (maxItem == 1) {
|
|
|
+ return $input.html(buildOne(tag[Object.keys(tag)[0]]));
|
|
|
+ }
|
|
|
|
|
|
- function buildOne(tag) {
|
|
|
- let clearButton = "<div class='pull-right "+opts.clearAllClass+"' style='font-weight:bold;cursor:pointer'>×</div>";
|
|
|
+ $input.html(buildOne(opts.selectedOptionsTip.replace(':num', Dcat.helpers.len(tag))));
|
|
|
+ $app.html(buildMany(tag));
|
|
|
+ }
|
|
|
|
|
|
- return tag + clearButton;
|
|
|
- }
|
|
|
+ function buildMany(tag) {
|
|
|
+ var html = [];
|
|
|
|
|
|
- init();
|
|
|
+ for (var i in tag) {
|
|
|
+ var strVar = "";
|
|
|
+ strVar += "<li>";
|
|
|
+ strVar += "<a class='pull-left'>" + tag[i] + "</a><a data-id='" + i + "' class='pull-right red ";
|
|
|
+ strVar += opts.clearOneClass + "' ><i class='fa fa-close'></i></a>";
|
|
|
+ strVar += "<span class='clearfix'></span></li>";
|
|
|
+ html.push(strVar);
|
|
|
}
|
|
|
- };
|
|
|
|
|
|
- Dcat.ResourceSelector = ResourceSelector;
|
|
|
+ html = '<ul class="nav nav-pills nav-stacked" >' + html.join('') + '</ul>';
|
|
|
+ return html;
|
|
|
+ }
|
|
|
+
|
|
|
+ function buildOne(tag) {
|
|
|
+ var clearButton = "<div class='pull-right " + opts.clearAllClass + "' style='font-weight:bold;cursor:pointer'>×</div>";
|
|
|
+ return tag + clearButton;
|
|
|
+ }
|
|
|
+
|
|
|
+ init();
|
|
|
+ }
|
|
|
+ };
|
|
|
+ Dcat.ResourceSelector = ResourceSelector;
|
|
|
})(window);
|
|
|
+
|
|
|
+/***/ }),
|
|
|
+
|
|
|
+/***/ 1:
|
|
|
+/*!****************************************************************!*\
|
|
|
+ !*** multi ./resources/assets/dcat/extra/resource-selector.js ***!
|
|
|
+ \****************************************************************/
|
|
|
+/*! no static exports found */
|
|
|
+/***/ (function(module, exports, __webpack_require__) {
|
|
|
+
|
|
|
+module.exports = __webpack_require__(/*! D:\php-project\laravel\laraveladmin\github-test\pck-dcat-admin\dcat-admin\resources\assets\dcat\extra\resource-selector.js */"./resources/assets/dcat/extra/resource-selector.js");
|
|
|
+
|
|
|
+
|
|
|
+/***/ })
|
|
|
+
|
|
|
+/******/ });
|
jqh