@ctzy-web-client/plugin-component-vue 1.0.0 → 1.0.2

package/lib/progress/use-progress.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+
+let uid = 1;
+const useProgressState = (props) => vue.reactive({
+  progressItemList: []
+});
+const useProgress = (props, states) => {
+  const max = vue.computed(() => parseFloat(props.max));
+  const percent = vue.computed(() => {
+    const total = states.progressItemList.reduce((result, progressItem) => result + progressItem.width, 0);
+    if (vue.unref(max) === 0 || isNaN(vue.unref(max))) {
+      return 0;
+    }
+    return parseInt(total / vue.unref(max) * 100);
+  });
+  const removeProgressItem = (id) => {
+    states.progressItemList = states.progressItemList.filter((item) => item.id === id);
+  };
+  const addProgressItem = (progressItem) => {
+    const index = states.progressItemList.findIndex((item) => item.id === progressItem.id);
+    if (index !== -1) {
+    }
+    if (index === -1) {
+      states.progressItemList.push(progressItem);
+      return;
+    }
+    states.progressItemList.splice(index, 1, progressItem);
+  };
+  const handleProgressItemCreate = (progressItem) => {
+    addProgressItem(progressItem);
+  };
+  const handleProgressItemDestroy = (id) => {
+    removeProgressItem(id);
+  };
+  const nextID = () => {
+    return uid++;
+  };
+  return {
+    percent,
+    handleProgressItemCreate,
+    handleProgressItemDestroy,
+    nextID
+  };
+};
+
+exports.useProgress = useProgress;
+exports.useProgressState = useProgressState;

package/lib/utils/db.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Dexie = require('dexie');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var Dexie__default = /*#__PURE__*/_interopDefaultLegacy(Dexie);
+
+const dataModelDB = new Dexie__default["default"]("DataModel");
+dataModelDB.version(1).stores({
+  filterPanel: "[app+tableName+userID]",
+  tableHeaderSettings: "[app+tableName+userID]"
+});
+
+exports.dataModelDB = dataModelDB;

package/lib/utils.js

@@ -0,0 +1,110 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var get = require('lodash/get');
+var set = require('lodash/set');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var get__default = /*#__PURE__*/_interopDefaultLegacy(get);
+var set__default = /*#__PURE__*/_interopDefaultLegacy(set);
+
+const COMPONENT_NAME_PREFIX = "Bwa";
+const createComponentName = (component) => {
+  component.name = COMPONENT_NAME_PREFIX + component.name;
+};
+const useDynamicComponent = (props, {
+  emit
+}, defaultComponent, attributeName = "attrName") => {
+  const column = vue.computed(() => props.column);
+  const componentProps = vue.computed(() => {
+    const _column = vue.unref(column);
+    if (!_column) {
+      return {};
+    }
+    const originalComponentProps = _column.componentProps;
+    const _componentProps = {
+      ...originalComponentProps
+    };
+    Object.keys(_componentProps).forEach((key) => {
+      let val = _componentProps[key];
+      if (val && typeof val == "string" && val.indexOf("inject:") == 0) {
+        let injectNode = val.replace("inject:", "");
+        let injectInfo = injectNode.split(".");
+        let injectScope = injectInfo.shift();
+        let injectObj = vue.inject(injectScope);
+        if (injectInfo.length) {
+          _componentProps[key] = get__default["default"](injectObj, injectInfo.join("."));
+        } else {
+          _componentProps[key] = injectObj;
+        }
+        if (vue.isProxy(_componentProps[key])) {
+          _componentProps[key] = vue.isRef(_componentProps[key]) ? _componentProps[key].value : _componentProps[key];
+        }
+      } else {
+        _componentProps[key] = val;
+      }
+    });
+    return _componentProps;
+  });
+  const isFunctionComponent = vue.computed(() => {
+    var _a;
+    return typeof ((_a = vue.unref(column)) == null ? void 0 : _a.component) == "function";
+  });
+  const component = vue.computed(() => {
+    const _column = vue.unref(column);
+    if (vue.unref(isFunctionComponent)) {
+      return vue.markRaw(_column == null ? void 0 : _column.component({
+        record: props.record,
+        column,
+        value: props.modelValue,
+        props: componentProps
+      }));
+    }
+    return vue.markRaw(vue.resolveComponent(_column.component || defaultComponent));
+  });
+  const params = vue.computed(() => {
+    const _column = vue.unref(column);
+    const _params = {
+      ...vue.unref(componentProps)
+    };
+    const _component = vue.unref(component);
+    if (!_component) {
+      return _params;
+    }
+    if (_component.emits) {
+      let emits = _component.emits || [];
+      if (!Array.isArray(emits) && emits && typeof emits === "object") {
+        emits = Object.keys(emits);
+      }
+      if (Array.isArray(emits) && emits.find((eventName) => ["onUpdate:modelValue", "onUpdate:model-value", "update:modelValue", "update:model-value"].includes(eventName))) {
+        _params["modelValue"] = get__default["default"](props.record, _column[attributeName]);
+        _params["onUpdate:modelValue"] = (val) => {
+          set__default["default"](props.record, _column[attributeName], val);
+        };
+      } else {
+        _params["value"] = get__default["default"](props.record, _column[attributeName]);
+      }
+      if (emits.find((eventName) => eventName == "on-change")) {
+        _params["on-change"] = (event) => emit("on-change", {
+          data: event,
+          column
+        });
+      }
+    } else {
+      _params["value"] = get__default["default"](props.record, _column[attributeName]);
+    }
+    Object.assign(_params, vue.unref(componentProps));
+    return _params;
+  });
+  return {
+    params,
+    component
+  };
+};
+
+exports.COMPONENT_NAME_PREFIX = COMPONENT_NAME_PREFIX;
+exports.createComponentName = createComponentName;
+exports.useDynamicComponent = useDynamicComponent;

package/lib/where-filter-panel/index.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/lib/where-filter-panel/use-where-filter-panel.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ElementPlus = require('element-plus');
+var vue = require('vue');
+var webBaseClientVue = require('web-base-client-vue');
+
+const usewhereFilterPanel = (props, context) => {
+  const dataTable = ElementPlus.useProp("dataTable");
+  const debounceDelay = webBaseClientVue.useGlobalConfig("debounceDelay", 500);
+  const where = vue.computed(() => vue.unref(dataTable).where);
+  const filterColumns = vue.computed(() => vue.unref(dataTable).getFilterColumns());
+  const fixedColumns = vue.computed(() => filterColumns.value.filter((column) => !column.closable));
+  const originalClosableColumns = vue.computed(() => filterColumns.value.filter((column) => column.closable));
+  const addFilter = () => {
+  };
+  const removeFilter = () => {
+  };
+};
+
+exports.usewhereFilterPanel = usewhereFilterPanel;

package/lib/where-filter-panel/where-filter-panel.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaWhereFilterPanel"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  setup(__props) {
+    ;
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div");
+    };
+  }
+});
+var whereFilterPanel = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "where-filter-panel.vue"]]);
+
+exports["default"] = whereFilterPanel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctzy-web-client/plugin-component-vue",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "exports": {

package/style/advance-select.css

@@ -0,0 +1 @@
+.bwa-advance-select{--bwa-advance-select-input-height:40px;--bwa-advance-select-spacing-line-color:rgba(0, 0, 0, 0.05);--bwa-advance-select-spacing-line-size:1px;--bwa-advance-select-reference-padding:3px 6px;--bwa-advance-select-reference-border-radius:var(--bwa-border-radius-base);--bwa-advance-select-reference-text-color:var(--bwa-text-color-primary);--bwa-advance-select-reference-active-bg-color:#f2f4f6;--bwa-advance-select-label-margin-right:6px;--bwa-advance-select-caret-margin-left:3px;display:inline-block}.bwa-advance-select__input-wrapper{height:var(--bwa-advance-select-input-height);box-shadow:0 var(--bwa-advance-select-spacing-line-size) 0 0 var(--bwa-advance-select-spacing-line-color);margin-bottom:var(--bwa-advance-select-spacing-line-size)}.bwa-advance-select__input-wrapper .el-input__wrapper{box-shadow:none}.bwa-advance-select__reference{display:inline-flex;align-items:center;padding:var(--bwa-advance-select-reference-padding);border-radius:var(--bwa-advance-select-reference-border-radius);color:var(--bwa-advance-select-reference-text-color);cursor:pointer;transition:.2s ease-out}.bwa-advance-select__reference:hover{background-color:var(--bwa-advance-select-reference-active-bg-color)}.bwa-advance-select__reference.is-active{background-color:var(--bwa-advance-select-reference-active-bg-color)}.bwa-advance-select__pct-reference{display:inline-flex;align-items:center;border-radius:var(--bwa-advance-select-reference-border-radius);color:var(--bwa-advance-select-reference-text-color);cursor:pointer;transition:.2s ease-out;width:100%}.bwa-advance-select__top{padding:4px 0;box-shadow:0 var(--bwa-advance-select-spacing-line-size) 0 0 var(--bwa-advance-select-spacing-line-color);margin-bottom:var(--bwa-advance-select-spacing-line-size)}.bwa-advance-select__content{--bwa-advance-select-input-height:40px;--bwa-advance-select-spacing-line-color:rgba(0, 0, 0, 0.05);--bwa-advance-select-spacing-line-size:1px;--bwa-advance-select-reference-padding:3px 6px;--bwa-advance-select-reference-border-radius:var(--bwa-border-radius-base);--bwa-advance-select-reference-text-color:var(--bwa-text-color-primary);--bwa-advance-select-reference-active-bg-color:#f2f4f6;--bwa-advance-select-label-margin-right:6px;--bwa-advance-select-caret-margin-left:3px}.bwa-advance-select__content.is-single .bwa-advance-select__clear{margin-left:0}.bwa-advance-select__bottom{padding:4px 0;box-shadow:0 calc(0px - var(--bwa-advance-select-spacing-line-size)) 0 0 var(--bwa-advance-select-spacing-line-color);margin-bottom:var(--bwa-advance-select-spacing-line-size)}.bwa-advance-select__label{margin-right:var(--bwa-advance-select-label-margin-right)}.bwa-advance-select__content{font-weight:500}.bwa-advance-select__caret{margin-left:var(--bwa-advance-select-caret-margin-left);transition:.2s ease-out}.bwa-advance-select__operation{padding:0;font-size:14px;line-height:22px}.bwa-advance-select__operation.is-border{box-shadow:0 var(--bwa-advance-select-spacing-line-size) 0 0 var(--bwa-advance-select-spacing-line-color);margin-bottom:var(--bwa-advance-select-spacing-line-size)}.bwa-advance-select__selection-wrapper{padding:6px 12px}.bwa-advance-select__selection{display:inline-block;vertical-align:top;color:var(--bwa-text-color-placeholder)}.bwa-advance-select__selection.is-has-selected{color:var(--bwa-text-color-primary)}.bwa-advance-select__popper .bwa-advance-select__clear{padding:0;margin:0 0 0 16px;border:none;line-height:22px;vertical-align:top;font-size:14px}.bwa-advance-select__input{width:100%;height:100%;font-size:14px;line-height:40px;border:none;outline:0}.bwa-advance-select__list{padding:4px 0}.bwa-advance-select__empty{font-size:14px;line-height:22px;padding:6px 12px;color:var(--bwa-text-color-regular)}.bwa-advance-option{display:flex;justify-content:space-between;align-items:center;font-size:14px;height:22px;line-height:22px;padding:5px 12px;color:var(--bwa-text-color-primary);cursor:pointer;box-sizing:unset!important}.bwa-advance-option:hover{background-color:#e8f8ff}.bwa-advance-option__content{flex:1;width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bwa-advance-option__selected{color:var(--bwa-color-primary)}.bwa-advance-option__content-label{overflow:hidden;text-overflow:ellipsis}

package/style/breadcrumb-select.css

@@ -0,0 +1 @@
+.bwa-breadcrumb-item__dropdown{padding:8px!important}.bwa-breadcrumb-item__dropdown .ptp-qiehuan{font-size:18px}.bwa-breadcrumb-item__content{margin:0 6px;font-size:14px;font-weight:600}.bwa-breadcrumb-item__top-empty{padding:12px 12px;font-size:14px;line-height:22px;color:var(--bwa-text-color-regular)}.bwa-breadcrumb-item__opt{padding:6px 12px!important;color:var(--bwa-color-primary);cursor:pointer}.bwa-breadcrumb-item__opt-label{margin-left:4px}.bwa-breadcrumb-item__opt:hover{background:#e8f8ff}

package/style/common.css

@@ -0,0 +1 @@
+.justify-between{display:flex;align-items:center;justify-content:space-between}.align-center{display:flex;align-items:center}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{flex-direction:column}.text-center{text-align:center}.flex-end{display:flex;align-items:center;justify-content:flex-end}.flex-1{flex:1}.full-width{width:100%}.font-size-12{font-size:12px;line-height:20px}.font-size-14{font-size:14px;line-height:22px}.font-size-16{font-size:16px;line-height:24px}.font-size-20{font-size:20px;line-height:28px}.font-size-24{font-size:24px;line-height:32px}.font-size-26{font-size:26px;line-height:34px}.font-size-28{font-size:28px;line-height:36px}.font-size-30{font-size:30px;line-height:38px}

package/style/contextmenu.css

@@ -0,0 +1 @@
+.bwa-contextmenu{position:relative;padding:5px 0;border:1px solid var(--el-border-color-light);border-radius:var(--el-border-radius-base);background:#fff;box-shadow:var(--el-box-shadow-light);cursor:pointer}.bwa-contextmenu-item{font-size:14px;line-height:22px;padding:5px 16px}.bwa-contextmenu-item:hover{color:var(--bwa-color-primary);background:var(--el-color-primary-light-9)}.bwa-contextmenu__wrapper{position:absolute;z-index:2000;outline:0}

package/style/data-form.css

@@ -0,0 +1 @@
+.bwa-upload{width:100%}.bwa-upload-item{padding:0 10px;display:flex;justify-content:space-between}.bwa-upload-item__info{width:0;flex:1;margin-right:10px}.bwa-upload-item__file-name{width:100%;overflow:hidden;text-overflow:ellipsis}.bwa-upload-item__tools{display:flex;align-items:center;font-size:16px}.bwa-upload-item__tools-item{cursor:pointer}.bwa-upload-item__tools-item+.bwa-upload-item__tools-item{margin-left:5px}

package/style/data-table.css

@@ -0,0 +1 @@
+.bwa-datatable{--bwa-datatable-pagination-padding-top:20px;--bwa-datatable-pagination-line-height:36px;--bwa-datatable-pagination-info-margin-right:16px;--bwa-datatable-pagination-info-font-size:12px;--bwa-datatable-pagination-info-text-color:#547781;display:flex;flex-direction:column;height:100%;width:100%}.bwa-datatable__pagination{display:flex;line-height:var(--bwa-datatable-pagination-line-height)}.bwa-datatable__pagination::before{content:"";position:relative;flex:1}.bwa-datatable__pagination{padding-top:var(--bwa-datatable-pagination-padding-top)}.bwa-datatable__pagination-info{margin-right:var(--bwa-datatable-pagination-info-margin-right);font-size:var(--bwa-datatable-pagination-info-font-size);color:var(--bwa-datatable-pagination-info-text-color);white-space:nowrap}.bwa-datatable>.el-table{flex:1;height:0}.bwa-datatable__drag{text-align:center;cursor:grab}.bwa-datatable__dragbar{position:fixed;background-color:var(--bwa-color-primary);z-index:99}.bwa-column-view{text-overflow:ellipsis;overflow:hidden}

package/style/datatable-settings.css

@@ -0,0 +1 @@
+.bwa-datatable-settings{--bwa-datatable-settings-padding:5px 0;--bwa-datatable-settings-width:220px;--bwa-datatable-settings-header-height:40px;--bwa-datatable-settings-header-margin:0 11px;--bwa-datatable-settings-header-text-color:var(--bwa-text-color-primary);--bwa-datatable-settings-border-color:var(--bwa-border-color);--bwa-datatable-settings-tools-text-color:var(--bwa-text-color-placeholder);--bwa-datatable-settings-search-padding:12px 0 8px;--bwa-datatable-settings-search-magin:0 11px;--bwa-datatable-settings-main-margin:0 11px;--bwa-datatable-settings-section-header-text-color:var(--bwa-text-color-regular);--bwa-datatable-settings-section-header-margin:8px 0;--bwa-datatable-settings-section-empty-text-color:var(--bwa-text-color-regular);--bwa-datatable-settings-section-spacing:16px;--bwa-datatable-settings-field-item-height:36px;--bwa-datatable-settings-field-item-text-color:var(--bwa-text-color-primary);padding:var(--bwa-datatable-settings-padding);width:var(--bwa-datatable-settings-width)}.bwa-datatable-settings__header{display:flex;justify-content:space-between;align-items:center;height:var(--bwa-datatable-settings-header-height);margin:var(--bwa-datatable-settings-header-margin);font-size:16px;color:var(--bwa-datatable-settings-header-text-color);border-bottom:1px solid var(--bwa-datatable-settings-border-color)}.bwa-datatable-settings__tools-item{font-size:18px;cursor:pointer;color:var(--bwa-datatable-settings-tools-text-color)}.bwa-datatable-settings__search{padding:var(--bwa-datatable-settings-search-padding);margin:var(--bwa-datatable-settings-search-margin)}.bwa-datatable-settings__search .el-input__wrapper{border-radius:4px}.bwa-datatable-settings__main{margin:0 11px}.bwa-datatable-settings__field-item{display:flex;justify-content:space-between;align-items:center;height:var(--bwa-datatable-settings-field-item-height);color:var(--bwa-datatable-settings-field-item-text-color)}.bwa-datatable-settings-section{font-size:14px}.bwa-datatable-settings-section__header{color:var(--bwa-datatable-settings-section-header-text-color);margin:var(--bwa-datatable-settings-section-header-margin)}.bwa-datatable-settings-section__empty{color:var(--bwa-datatable-settings-section-header-empty-text-color)}.bwa-datatable-settings-section+.--bwa-datatable-settings-selection{margin-top:var(--bwa-datatable-settings-selection-spacing)}

package/style/date-range.css

@@ -0,0 +1 @@
+.bwa-daterange{display:inline-block;padding:3px 6px;border-radius:4px;transition:.2s ease-out;cursor:pointer}.bwa-daterange.is-active{background-color:#f2f4f6}.bwa-daterange:hover{background-color:#f2f4f6}.bwa-daterange__time{display:inline-flex;align-items:center;cursor:pointer}.bwa-daterange__time:hover .bwa-daterange__caret{opacity:1}.bwa-daterange__label{margin-right:6px}.bwa-daterange__content{margin-right:4px;font-weight:500}.bwa-daterange__caret{color:var(--bwa-text-color-primary);transition:.2s ease-out}.bwa-daterange__separator{display:inline-block;margin:0 6px}.bwa-datepicker .el-picker-panel{width:322px}.bwa-datepicker__sidebar{display:flex;justify-content:flex-end;padding:6px 12px}

package/style/department-condition.css

@@ -0,0 +1 @@
+.bwa-department-node__content{position:relative;display:flex}.bwa-department-node .bwa-advance-option{padding-left:22px;flex:1}.bwa-department-node__arrow-wrapper{align-items:center;display:flex;justify-content:center;position:absolute;left:11px;top:50%;padding:5px;transform:translate(-50%,-50%);cursor:pointer}.bwa-department-node__arrow{transform:rotate(0);transform-origin:50% 50%;transition:transform .2s}.bwa-department-node__arrow.is-collpase{transform:rotate(-90deg)}

package/style/drag-list.css

@@ -0,0 +1 @@
+.bwa-draglist.is-dragging .bwa-dragitem:hover{background-color:transparent}.bwa-dragitem{display:flex;align-items:center;cursor:grab}.bwa-dragitem[draggable-context-id=""]:hover,.bwa-dragitem[draggable-context-id="1"]{background-color:#cde9f5}.bwa-dragitem__drag-icon{margin:0 4px}.bwa-dragitem__content{flex:1}.bwa-dragitem[draggable-context-id="0"]{transition:transform .2s cubic-bezier(.2,0,0,1)}

package/style/dragable.css

@@ -0,0 +1 @@
+.bwa-dragable-item[dragable-relative=true]{transition:transform .2s cubic-bezier(.2,0,0,1)}

package/style/filter-panel.css

@@ -0,0 +1 @@
+.bwa-filterpanel{font-size:14px;line-height:22px;color:var(--bwa-text-color-primary);display:flex;align-items:center;flex-wrap:wrap;margin-top:-15px}.bwa-filterpanel__search{width:144px;margin:15px 8px 0 0}.bwa-filterpanel__search .el-input__wrapper{padding:3px 7px;border-radius:4px}.bwa-filterpanel__options{font-weight:500}.bwa-filterpanel__reset{--el-button-size:28px;margin-top:15px}.bwa-filterpanel-item{display:inline-block;position:relative;margin-right:20px;margin-top:15px}.bwa-filterpanel-item__close{position:absolute;left:0;top:0;display:none;font-size:16px;opacity:.6;transform:translate(-50%,-50%);cursor:pointer}.bwa-filterpanel-item__close:hover{opacity:1}.bwa-filterpanel-item:hover .bwa-filterpanel-item__close{display:inline}.bwa-filterpanel-filter__plus{position:relative;width:10px;height:10px}.bwa-filterpanel-filter__plus::after,.bwa-filterpanel-filter__plus::before{content:"";position:absolute;width:100%;height:2px;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--bwa-text-color-primary)}.bwa-filterpanel-filter__plus::after{transform:translate(-50%,-50%) rotate(90deg)}.bwa-filterpanel-filter__label{margin-left:4px}.bwa-filterpanel-filter__option .bwa-advance-option__content{display:flex;align-items:center;justify-content:space-between}.bwa-filterpanel-filter__checkbox{display:inline-flex;height:auto;flex:1;width:0}.bwa-filterpanel-filter__checkbox .el-checkbox__label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bwa-filterpanel-filter__title{font-size:12px;line-height:20px;color:var(--bwa-text-color-regular)}