@ctzy-web-client/plugin-component-vue 1.0.23 → 1.0.25

package/lib/data-form/form-components/bwa-user-select.js

@@ -8,66 +8,91 @@ var bwaSelect = require('./bwa-select.js');
 var ElementPlus = require('element-plus');
 var _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
 
-const __default__ = vue.defineComponent({
-  name: "BwaUserSelect",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
-  props: {
-    modelValue: null
-  },
-  emits: ["update:modelValue"],
+const _sfc_main = {
+  __name: 'bwa-user-select',
+  props: {
+  modelValue: null,
+},
+  emits: ['update:modelValue'],
   setup(__props, { emit }) {
-    const props = __props;
-    const attrs = vue.useAttrs();
-    const userService = webBaseClientVue.useService("UserService");
-    const loading = vue.ref(false);
-    const modelValue = vue.computed({
-      get: () => props.modelValue,
-      set: (v) => {
-        emit("update:modelValue", v);
-      }
-    });
-    const options = vue.ref([]);
-    const loadOptions = async (query, userIds = []) => {
-      const _userService = vue.unref(userService);
-      if (!_userService) {
-        return;
-      }
-      try {
-        loading.value = true;
-        const userListResult = await _userService.getUserList({
-          name: query,
-          userIds
-        });
-        if (userListResult.code != 0) {
-          ElementPlus.ElMessage.error(userListResult.msg);
-          return;
-        }
-        options.value = userListResult.data;
-      } finally {
-        loading.value = false;
-      }
-    };
-    const handleRemote = loadOptions;
-    loadOptions(
-      "",
-      Array.isArray(vue.unref(modelValue)) ? vue.unref(modelValue) : vue.unref(modelValue) ? [vue.unref(modelValue)] : []
-    );
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(bwaSelect["default"], vue.mergeProps(vue.unref(attrs), {
-        modelValue: vue.unref(modelValue),
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(modelValue) ? modelValue.value = $event : null),
-        loading: loading.value,
-        remote: "",
-        filterable: "",
-        clearable: "",
-        "remote-method": vue.unref(handleRemote),
-        options: options.value
-      }), null, 16, ["modelValue", "loading", "remote-method", "options"]);
-    };
-  }
-});
-var UserSelect = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "bwa-user-select.vue"]]);
+
+const props = __props;
+
+defineOptions({
+  name: 'BwaUserSelect',
+  inheritAttrs: false,
+});
+
+
+
+
+
+const attrs = vue.useAttrs();
+
+const userService = webBaseClientVue.useService('UserService');
+
+const loading = vue.ref(false);
+
+const modelValue = vue.computed({
+  get: () => props.modelValue,
+  set: (v) => {
+    emit('update:modelValue', v);
+  },
+});
+
+const options = vue.ref([]);
+
+const loadOptions = async (query, userIds = []) => {
+  const _userService = vue.unref(userService);
+
+  if (!_userService) {
+    return;
+  }
+
+  try {
+    loading.value = true;
+    const userListResult = await _userService.getUserList({
+      name: query,
+      userIds,
+    });
+
+    if (userListResult.code != 0) {
+      ElementPlus.ElMessage.error(userListResult.msg);
+      return;
+    }
+
+    options.value = userListResult.data;
+  } finally {
+    loading.value = false;
+  }
+};
+
+const handleRemote = loadOptions;
+
+loadOptions(
+  '',
+  Array.isArray(vue.unref(modelValue))
+    ? vue.unref(modelValue)
+    : vue.unref(modelValue)
+    ? [vue.unref(modelValue)]
+    : []
+);
+
+return (_ctx, _cache) => {
+  return (vue.openBlock(), vue.createBlock(bwaSelect["default"], vue.mergeProps(vue.unref(attrs), {
+    modelValue: vue.unref(modelValue),
+    "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (vue.isRef(modelValue) ? (modelValue).value = $event : null)),
+    loading: loading.value,
+    remote: "",
+    filterable: "",
+    clearable: "",
+    "remote-method": vue.unref(handleRemote),
+    options: options.value
+  }), null, 16 /* FULL_PROPS */, ["modelValue", "loading", "remote-method", "options"]))
+}
+}
+
+};
+var UserSelect = /*#__PURE__*/_pluginVue_exportHelper["default"](_sfc_main, [['__file',"bwa-user-select.vue"]]);
 
 exports["default"] = UserSelect;

package/lib/data-table/data-column-view.js

@@ -8,128 +8,159 @@ var icons = require('@element-plus/icons');
 var ElementPlus = require('element-plus');
 var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
 
-const _sfc_main = {
-  name: "BwaDataColumnView",
-  props: {
-    value: [String, Boolean, Number, Object, Array],
-    type: {
-      type: String,
-      default: "string"
-    },
-    template: {
-      type: String,
-      default: ""
-    },
-    rule: {
-      type: String,
-      default: ""
-    },
-    align: {
-      type: String,
-      default: ""
-    },
-    nowrap: {
-      type: [Boolean, String],
-      default: true
-    },
-    copy: {
-      type: [Boolean, String],
-      default: false
-    },
-    defaultValue: {
-      type: String,
-      default: "-"
-    }
-  },
-  emits: ["update:modelValue"],
-  components: { PictureFilled: icons.PictureFilled },
-  setup(props) {
-    const ns = webBaseClientVue.useNamespace("column-view");
-    const viewType = vue.computed(() => props.type.toLocaleLowerCase());
-    const viewValue = vue.computed(() => {
-      let value = props.value === 0 ? "0" : props.value ? props.value + "" : "";
-      let type = viewType.value;
-      if (["number", "string"].includes(type)) {
-        let isAppendChar = false;
-        if (type === "string" && props.rule && value) {
-          isAppendChar = value.length > props.rule.replace("s:", "") * 1;
-        }
-        value = props.rule ? webBaseClientVue.str.formatByRule(value, props.rule) : value;
-        value = value || props.defaultValue;
-        if (isAppendChar) {
-          value += "...";
-        }
-      } else if (type === "date") {
-        value = value ? webBaseClientVue.func.formatDate(new Date(value), props.rule || "yyyy-MM-dd") : props.defaultValue;
-      } else if (type === "html") {
-        value = value ? value.replace(/[\r\n|\r|\n]/g, "<br/>") : props.defaultValue;
-      }
-      if (props.template) {
-        value = props.template.replace("${value}", value);
-      }
-      return value;
-    });
-    const copyHandle = (text) => {
-      let input = document.createElement("input");
-      input.value = text;
-      document.body.appendChild(input);
-      input.select();
-      input.setSelectionRange(0, input.value.length), document.execCommand("Copy");
-      document.body.removeChild(input);
-      ElementPlus.ElMessage.info("\u590D\u5236\u6210\u529F!");
-    };
-    return { ns, viewType, viewValue, copyHandle };
-  }
-};
+const _sfc_main = {
+  name: 'BwaDataColumnView',
+  props: {
+    value: [String, Boolean, Number, Object, Array],
+    type: {
+      type: String,
+      default: 'string',
+    },
+    template: {
+      type: String,
+      default: '',
+    },
+    //格式化规则
+    rule: {
+      type: String,
+      default: '',
+    },
+    align: {
+      type: String,
+      default: '',
+    },
+    nowrap: {
+      type: [Boolean, String],
+      default: true,
+    },
+    copy: {
+      type: [Boolean, String],
+      default: false,
+    },
+    defaultValue: {
+      type: String,
+      default: '-',
+    },
+  },
+  emits: ['update:modelValue'],
+  components: { PictureFilled: icons.PictureFilled },
+  setup(props) {
+    const ns = webBaseClientVue.useNamespace('column-view');
+
+    //显示类型
+    const viewType = vue.computed(() => props.type.toLocaleLowerCase());
+
+    //显示的值
+    const viewValue = vue.computed(() => {
+      //值 主要是要先转成字符串处理
+      let value = props.value === 0 ? '0' : props.value ? props.value + '' : '';
+      let type = viewType.value;
+
+      if (['number', 'string'].includes(type)) {
+        //是否追加...
+        let isAppendChar = false;
+
+        if (type === 'string' && props.rule && value) {
+          isAppendChar = value.length > props.rule.replace('s:', '') * 1;
+        }
+
+        value = props.rule ? webBaseClientVue.str.formatByRule(value, props.rule) : value;
+        value = value || props.defaultValue;
+
+        if (isAppendChar) {
+          value += '...';
+        }
+      } else if (type === 'date') {
+        value = value
+          ? webBaseClientVue.func.formatDate(new Date(value), props.rule || 'yyyy-MM-dd')
+          : props.defaultValue;
+      } else if (type === 'html') {
+        value = value
+          ? value.replace(/[\r\n|\r|\n]/g, '<br/>')
+          : props.defaultValue;
+      }
+
+      //存在字符串模板的时候
+      if (props.template) {
+        value = props.template.replace('${value}', value);
+      }
+
+      return value;
+    });
+
+    //拷贝
+    const copyHandle = (text) => {
+      let input = document.createElement('input');
+      input.value = text;
+      document.body.appendChild(input);
+      input.select();
+      input.setSelectionRange(0, input.value.length),
+        document.execCommand('Copy');
+      document.body.removeChild(input);
+      ElementPlus.ElMessage.info('复制成功!');
+    };
+
+    return { ns, viewType, viewValue, copyHandle };
+  },
+};
+
 const _hoisted_1 = ["innerHTML"];
+
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_PictureFilled = vue.resolveComponent("PictureFilled");
   const _component_el_icon = vue.resolveComponent("el-icon");
   const _component_el_image = vue.resolveComponent("el-image");
-  return vue.openBlock(), vue.createElementBlock("span", {
+
+  return (vue.openBlock(), vue.createElementBlock("span", {
     class: vue.normalizeClass([$setup.ns.b(), { nowrap: $props.nowrap }, $props.align])
   }, [
-    $setup.viewType == "html" ? (vue.openBlock(), vue.createElementBlock("span", {
-      key: 0,
-      innerHTML: $setup.viewValue
-    }, null, 8, _hoisted_1)) : $setup.viewType == "image" ? (vue.openBlock(), vue.createBlock(_component_el_image, {
-      key: 1,
-      class: "image",
-      style: { width: "100%", minHeight: "50px" },
-      "z-index": 999,
-      "preview-teleported": true,
-      "preview-src-list": [$setup.viewValue],
-      fit: "cover",
-      src: $setup.viewValue,
-      "hide-on-click-modal": true
-    }, {
-      placeholder: vue.withCtx(() => [
-        vue.createVNode(_component_el_icon, { size: 50 }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_PictureFilled)
-          ]),
-          _: 1
-        })
-      ]),
-      error: vue.withCtx(() => [
-        vue.createVNode(_component_el_icon, { size: 50 }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_PictureFilled)
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["preview-src-list", "src"])) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-      vue.createTextVNode(vue.toDisplayString($setup.viewValue), 1)
-    ], 64)),
-    $props.copy ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 3,
-      class: "copy-btn",
-      onClick: _cache[0] || (_cache[0] = ($event) => $setup.copyHandle($setup.viewValue))
-    }, "\u590D\u5236")) : vue.createCommentVNode("v-if", true)
-  ], 2);
+    ($setup.viewType == 'html')
+      ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 0,
+          innerHTML: $setup.viewValue
+        }, null, 8 /* PROPS */, _hoisted_1))
+      : ($setup.viewType == 'image')
+        ? (vue.openBlock(), vue.createBlock(_component_el_image, {
+            key: 1,
+            class: "image",
+            style: { width: '100%', minHeight: '50px' },
+            "z-index": 999,
+            "preview-teleported": true,
+            "preview-src-list": [$setup.viewValue],
+            fit: "cover",
+            src: $setup.viewValue,
+            "hide-on-click-modal": true
+          }, {
+            placeholder: vue.withCtx(() => [
+              vue.createVNode(_component_el_icon, { size: 50 }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_PictureFilled)
+                ]),
+                _: 1 /* STABLE */
+              })
+            ]),
+            error: vue.withCtx(() => [
+              vue.createVNode(_component_el_icon, { size: 50 }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_PictureFilled)
+                ]),
+                _: 1 /* STABLE */
+              })
+            ]),
+            _: 1 /* STABLE */
+          }, 8 /* PROPS */, ["preview-src-list", "src"]))
+        : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
+            vue.createTextVNode(vue.toDisplayString($setup.viewValue), 1 /* TEXT */)
+          ], 64 /* STABLE_FRAGMENT */)),
+    ($props.copy)
+      ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 3,
+          class: "copy-btn",
+          onClick: _cache[0] || (_cache[0] = $event => ($setup.copyHandle($setup.viewValue)))
+        }, "复制"))
+      : vue.createCommentVNode("v-if", true)
+  ], 2 /* CLASS */))
 }
-var DataColumnView = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "data-column-view.vue"]]);
+var DataColumnView = /*#__PURE__*/_pluginVue_exportHelper["default"](_sfc_main, [['render',_sfc_render],['__file',"data-column-view.vue"]]);
 
 exports["default"] = DataColumnView;

package/lib/data-table/data-table-card.js

@@ -7,18 +7,23 @@ var webBaseClientVue = require('@ctzy-web-client/web-base-client-vue');
 var dynamicComponent = require('./dynamic-component.js');
 var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
 
-const _sfc_main = {
-  name: "BwaDataTableCard",
-  components: { DynamicComponent: dynamicComponent["default"] },
-  setup() {
-    const dataTable = vue.inject(webBaseClientVue.dataTableKey);
-    const ns = webBaseClientVue.useNamespace("datatable");
-    return { dataTable, ns };
-  }
-};
+const _sfc_main = {
+  name: 'BwaDataTableCard',
+  components: { DynamicComponent: dynamicComponent["default"] },
+  setup() {
+    //创建dataTable
+    const dataTable = vue.inject(webBaseClientVue.dataTableKey);
+
+    const ns = webBaseClientVue.useNamespace('datatable');
+
+    return { dataTable, ns };
+  },
+};
+
 const _hoisted_1 = { class: "left" };
 const _hoisted_2 = { class: "pagination-info" };
 const _hoisted_3 = { class: "right" };
+
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_table_column = vue.resolveComponent("el-table-column");
   const _component_DynamicComponent = vue.resolveComponent("DynamicComponent");
@@ -26,8 +31,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_pagination = vue.resolveComponent("el-pagination");
   const _component_el_card = vue.resolveComponent("el-card");
   const _directive_loading = vue.resolveDirective("loading");
+
   return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_el_card, {
-    class: vue.normalizeClass($setup.ns.b("card"))
+    class: vue.normalizeClass($setup.ns.b('card'))
   }, vue.createSlots({
     default: vue.withCtx(() => [
       vue.createVNode(_component_el_table, {
@@ -47,11 +53,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             type: "index",
             width: "60",
             align: "center",
-            label: "\u7F16\u53F7"
+            label: "编号"
           }),
           vue.renderSlot(_ctx.$slots, "table-columns", { dataTable: $setup.dataTable }, () => [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($setup.dataTable.getDisplayColumns(), (item) => {
-              return vue.openBlock(), vue.createBlock(_component_el_table_column, {
+              return (vue.openBlock(), vue.createBlock(_component_el_table_column, {
                 "column-key": item.attrName,
                 key: item.attrName,
                 label: item.title,
@@ -60,8 +66,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 align: item.align
               }, {
                 default: vue.withCtx(({ row, $index }) => [
-                  vue.renderSlot(_ctx.$slots, "table-col-" + item.attrName, {
-                    row,
+                  vue.renderSlot(_ctx.$slots, 'table-col-' + item.attrName, {
+                    row: row,
                     index: $index,
                     column: item,
                     dataTable: $setup.dataTable
@@ -69,54 +75,56 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     vue.createVNode(_component_DynamicComponent, {
                       column: item,
                       record: row
-                    }, null, 8, ["column", "record"])
+                    }, null, 8 /* PROPS */, ["column", "record"])
                   ])
                 ]),
-                _: 2
-              }, 1032, ["column-key", "label", "prop", "min-width", "align"]);
-            }), 128))
+                _: 2 /* DYNAMIC */
+              }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["column-key", "label", "prop", "min-width", "align"]))
+            }), 128 /* KEYED_FRAGMENT */))
           ])
         ]),
-        _: 3
-      }, 8, ["data", "row-key"]),
+        _: 3 /* FORWARDED */
+      }, 8 /* PROPS */, ["data", "row-key"]),
       vue.createElementVNode("div", {
-        class: vue.normalizeClass($setup.ns.be("card", "footer"))
+        class: vue.normalizeClass($setup.ns.be('card', 'footer'))
       }, [
         vue.createElementVNode("div", _hoisted_1, [
           vue.createElementVNode("div", _hoisted_2, [
-            vue.createTextVNode(" \u5171"),
-            vue.createElementVNode("b", null, vue.toDisplayString($setup.dataTable.totalRecCount), 1),
-            vue.createTextVNode("\u6761\u8BB0\u5F55 | \u5F53\u524D\u7B2C"),
-            vue.createElementVNode("b", null, vue.toDisplayString($setup.dataTable.pageNum), 1),
-            vue.createTextVNode("\u9875 ")
+            vue.createTextVNode(" 共"),
+            vue.createElementVNode("b", null, vue.toDisplayString($setup.dataTable.totalRecCount), 1 /* TEXT */),
+            vue.createTextVNode("条记录 | 当前第"),
+            vue.createElementVNode("b", null, vue.toDisplayString($setup.dataTable.pageNum), 1 /* TEXT */),
+            vue.createTextVNode("页 ")
           ])
         ]),
         vue.createElementVNode("div", _hoisted_3, [
           vue.createVNode(_component_el_pagination, {
             "hide-on-single-page": true,
             currentPage: $setup.dataTable.pageNum,
-            onCurrentChange: _cache[0] || (_cache[0] = ($event) => $setup.dataTable.pageTo($event)),
+            onCurrentChange: _cache[0] || (_cache[0] = $event => ($setup.dataTable.pageTo($event))),
             "page-size": $setup.dataTable.pageSize,
             background: "",
             layout: "prev, pager, next, jumper",
             total: $setup.dataTable.totalRecCount
-          }, null, 8, ["currentPage", "page-size", "total"])
+          }, null, 8 /* PROPS */, ["currentPage", "page-size", "total"])
         ])
-      ], 2)
+      ], 2 /* CLASS */)
     ]),
-    _: 2
+    _: 2 /* DYNAMIC */
   }, [
-    _ctx.$slots.header ? {
-      name: "header",
-      fn: vue.withCtx(() => [
-        vue.renderSlot(_ctx.$slots, "header", { dataTable: $setup.dataTable })
-      ]),
-      key: "0"
-    } : void 0
-  ]), 1032, ["class"])), [
+    (_ctx.$slots.header)
+      ? {
+          name: "header",
+          fn: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "header", { dataTable: $setup.dataTable })
+          ]),
+          key: "0"
+        }
+      : undefined
+  ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["class"])), [
     [_directive_loading, !$setup.dataTable.ready]
-  ]);
+  ])
 }
-var dataTableCard = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "data-table-card.vue"]]);
+var dataTableCard = /*#__PURE__*/_pluginVue_exportHelper["default"](_sfc_main, [['render',_sfc_render],['__file',"data-table-card.vue"]]);
 
 exports["default"] = dataTableCard;