gi-component 0.0.2 → 0.0.4

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, getCurrentInstance, useAttrs, computed, resolveComponent, createBlock, mergeProps, unref, withCtx, renderSlot, createTextVNode, toDisplayString, useSlots, normalizeClass, createCommentVNode, normalizeStyle, mergeModels, useModel, ref, createSlots, resolveDynamicComponent, createVNode, createApp, h, Fragment, renderList, watch, onMounted, onUpdated, onUnmounted, inject, toRefs, watchEffect, reactive, provide, toRaw, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode, getCurrentInstance, useAttrs, computed, resolveComponent, createBlock, mergeProps, unref, withCtx, renderSlot, createTextVNode, toDisplayString, useSlots, normalizeClass, createCommentVNode, normalizeStyle, mergeModels, useModel, ref, createSlots, resolveDynamicComponent, createVNode, createApp, h, Fragment, renderList, watch, onMounted, onUpdated, onUnmounted, inject, toRefs, watchEffect, reactive, provide, toRaw, normalizeProps, guardReactiveProps, useTemplateRef } from "vue";
 import * as El from "element-plus";
 import El__default, { ElMessage } from "element-plus";
 /*! Element Plus Icons Vue v2.3.2 */
@@ -559,8 +559,79 @@ function createDialog() {
   return Dialog2;
 }
 const Dialog = createDialog();
-const clearable = false;
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "input-group",
+  setup(__props) {
+    const { b } = useBemClass();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(b)("input-group"))
+      }, [
+        renderSlot(_ctx.$slots, "default", {}, void 0, true)
+      ], 2);
+    };
+  }
+});
+const InputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-cd21cbfd"]]);
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "input-search",
+  props: /* @__PURE__ */ mergeModels({
+    disabled: { type: Boolean, default: false },
+    readonly: { type: Boolean, default: false },
+    placeholder: { default: "请选择" },
+    disabledHideButton: { type: Boolean, default: false }
+  }, {
+    "modelValue": { type: String },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["search", "clear"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const model = useModel(__props, "modelValue");
+    const props = __props;
+    const emit = __emit;
+    const { b } = useBemClass();
+    const showButton = computed(() => {
+      if (props.readonly) return false;
+      if (props.disabled) {
+        return !props.disabledHideButton;
+      }
+      return true;
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_button = resolveComponent("el-button");
+      return openBlock(), createBlock(InputGroup, {
+        class: normalizeClass(unref(b)("input-search"))
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_el_input, {
+            modelValue: model.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+            disabled: props.disabled,
+            readonly: !props.disabled,
+            placeholder: props.placeholder
+          }, null, 8, ["modelValue", "disabled", "readonly", "placeholder"]),
+          showButton.value ? (openBlock(), createBlock(_component_el_button, {
+            key: 0,
+            icon: unref(search_default),
+            disabled: props.disabled,
+            onClick: _cache[1] || (_cache[1] = ($event) => emit("search"))
+          }, null, 8, ["icon", "disabled"])) : createCommentVNode("", true),
+          showButton.value ? (openBlock(), createBlock(_component_el_button, {
+            key: 1,
+            icon: unref(close_default),
+            disabled: props.disabled,
+            onClick: _cache[2] || (_cache[2] = ($event) => emit("clear"))
+          }, null, 8, ["icon", "disabled"])) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+});
+const InputSearch = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-788824ed"]]);
+const clearable = false;
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "edit-table",
   props: {
     rowKey: { default: "id" },
@@ -594,7 +665,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       "color-picker": El.ElColorPicker,
       transfer: El.ElTransfer,
       autocomplete: El.ElAutocomplete,
-      upload: El.ElUpload
+      upload: El.ElUpload,
+      "input-search": InputSearch
     };
     const formRef = ref();
     const form = computed(() => ({ tableData: props.data }));
@@ -635,15 +707,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const getPlaceholder = (item) => {
       if (!item.type) return void 0;
       if (["input", "input-number", "input-tag"].includes(item.type)) {
-        return `请输入${item.title}`;
+        return `请输入${item.label}`;
       }
       if (["textarea"].includes(item.type)) {
-        return `请填写${item.title}`;
+        return `请填写${item.label}`;
       }
-      if (["select", "select-v2", "tree-select", "cascader", "time-select"].includes(
+      if (["select", "select-v2", "tree-select", "cascader", "time-select", "input-search"].includes(
         item.type
       )) {
-        return `请选择${item.title}`;
+        return `请选择${item.label}`;
       }
       if (["date-picker"].includes(item.type)) {
         return `请选择日期`;
@@ -658,14 +730,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       const defaultProps = STATIC_PROPS.get(item.type || "") || {};
       defaultProps.placeholder = getPlaceholder(item);
       if (item.type === "date-picker") {
-        defaultProps.valueFormat = ((_a = item == null ? void 0 : item.props) == null ? void 0 : _a.type) === "datetime" ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
+        defaultProps.valueFormat = ((_a = item == null ? void 0 : item.componentProps) == null ? void 0 : _a.type) === "datetime" ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
       }
-      return { ...defaultProps, ...item.props };
+      return { ...defaultProps, ...item.componentProps };
     }
     function getFormItemRules(item) {
       if (item.required) {
         return [
-          { required: true, message: `${item.title}为必填项` },
+          { required: true, message: `${item.label}为必填项` },
           ...Array.isArray(item.rules) ? item.rules : []
         ];
       }
@@ -699,17 +771,17 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               (openBlock(true), createElementBlock(Fragment, null, renderList(props.columns, (column, index2) => {
                 return openBlock(), createBlock(_component_el_table_column, mergeProps({
-                  key: column.dataIndex + index2,
+                  key: column.prop + index2,
                   width: column.width
                 }, { ref_for: true }, column.columnProps, {
-                  prop: column.dataIndex,
-                  label: column.title,
+                  prop: column.prop,
+                  label: column.label,
                   "label-class-name": getLabelClassName(column)
                 }), {
                   default: withCtx((scope) => [
                     createVNode(_component_el_form_item, mergeProps({ ref_for: true }, column.formItemProps, {
-                      label: column.title,
-                      prop: `tableData[${scope.$index}].${column.dataIndex}`,
+                      label: column.label,
+                      prop: `tableData[${scope.$index}].${column.prop}`,
                       rules: getFormItemRules(column)
                     }), {
                       default: withCtx(() => [
@@ -720,8 +792,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                           key: 1,
                           ref_for: true
                         }, getComponentBindProps(column), {
-                          modelValue: scope.row[column.dataIndex],
-                          "onUpdate:modelValue": ($event) => scope.row[column.dataIndex] = $event,
+                          modelValue: scope.row[column.prop],
+                          "onUpdate:modelValue": ($event) => scope.row[column.prop] = $event,
                           class: "w-full",
                           disabled: isDisabled(scope)
                         }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"]))
@@ -741,7 +813,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const EditTable = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-079a9f8e"]]);
+const EditTable = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-411a7fe4"]]);
 const GridContextInjectionKey = Symbol(
   "GridContextInjectionKey"
 );
@@ -996,7 +1068,7 @@ function getPrefixCls(name) {
   const { b } = useBemClass();
   return b(name);
 }
-const _sfc_main$9 = defineComponent({
+const _sfc_main$7 = defineComponent({
   name: "GridItem",
   props: {
     /**
@@ -1114,8 +1186,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default", { overflow: _ctx.overflow })
   ], 6);
 }
-const GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$1]]);
-const _sfc_main$8 = defineComponent({
+const GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$1]]);
+const _sfc_main$6 = defineComponent({
   name: "Grid",
   props: {
     /**
@@ -1229,78 +1301,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default", {}, void 0, true)
   ], 6);
 }
-const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render], ["__scopeId", "data-v-4f2b02b0"]]);
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "input-group",
-  setup(__props) {
-    const { b } = useBemClass();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(b)("input-group"))
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 2);
-    };
-  }
-});
-const InputGroup = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-cd21cbfd"]]);
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "input-search",
-  props: /* @__PURE__ */ mergeModels({
-    disabled: { type: Boolean, default: false },
-    readonly: { type: Boolean, default: false },
-    placeholder: { default: "请选择" },
-    disabledHideButton: { type: Boolean, default: false }
-  }, {
-    "modelValue": { type: String },
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["search", "clear"], ["update:modelValue"]),
-  setup(__props, { emit: __emit }) {
-    const model = useModel(__props, "modelValue");
-    const props = __props;
-    const emit = __emit;
-    const { b } = useBemClass();
-    const showButton = computed(() => {
-      if (props.readonly) return false;
-      if (props.disabled) {
-        return !props.disabledHideButton;
-      }
-      return true;
-    });
-    return (_ctx, _cache) => {
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_button = resolveComponent("el-button");
-      return openBlock(), createBlock(InputGroup, {
-        class: normalizeClass(unref(b)("input-search"))
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_el_input, {
-            modelValue: model.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-            disabled: props.disabled,
-            readonly: !props.disabled,
-            placeholder: props.placeholder
-          }, null, 8, ["modelValue", "disabled", "readonly", "placeholder"]),
-          showButton.value ? (openBlock(), createBlock(_component_el_button, {
-            key: 0,
-            icon: unref(search_default),
-            disabled: props.disabled,
-            onClick: _cache[1] || (_cache[1] = ($event) => emit("search"))
-          }, null, 8, ["icon", "disabled"])) : createCommentVNode("", true),
-          showButton.value ? (openBlock(), createBlock(_component_el_button, {
-            key: 1,
-            icon: unref(close_default),
-            disabled: props.disabled,
-            onClick: _cache[2] || (_cache[2] = ($event) => emit("clear"))
-          }, null, 8, ["icon", "disabled"])) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["class"]);
-    };
-  }
-});
-const InputSearch = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-788824ed"]]);
+const Grid = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render], ["__scopeId", "data-v-4f2b02b0"]]);
 const _hoisted_1 = {
   key: 0,
   class: "w-full"
@@ -1993,10 +1994,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     scrollbarTabindex: {},
     nativeScrollbar: {}
   },
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
     const attrs = useAttrs();
     const { b } = useBemClass();
+    const tableRef = useTemplateRef("tableRef");
     const tableProps = computed(() => {
       return {
         ...attrs,
@@ -2019,12 +2021,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     function handleCurrentChange(page) {
       props.pagination.currentPage = page;
     }
+    __expose({
+      tableRef
+    });
     return (_ctx, _cache) => {
       const _component_el_table = resolveComponent("el-table");
       const _component_el_pagination = resolveComponent("el-pagination");
       const _component_el_row = resolveComponent("el-row");
-      return openBlock(), createElementBlock("div", null, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(b)("table"))
+      }, [
         createVNode(_component_el_table, mergeProps(tableProps.value, {
+          ref_key: "tableRef",
+          ref: tableRef,
           data: props.data
         }), {
           default: withCtx(() => [
@@ -2062,11 +2071,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["class"])
-      ]);
+      ], 2);
     };
   }
 });
-const Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-b15a0f4d"]]);
+const Table = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-002f7dd8"]]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "tabs",
   props: /* @__PURE__ */ mergeModels({
@@ -2148,6 +2157,8 @@ const createSelectDialog = (params) => {
     const { multiple = false, onOk, onBeforeOk, queryParams } = options;
     const DialogTableRef = ref();
     Dialog.open({
+      bodyClass: "gi-p0",
+      ...{ ...params, component: void 0, componentProps: void 0, tip: void 0 },
       title: params.title || options.title,
       content: () => h(params.component, {
         ref: (e) => DialogTableRef.value = e,
@@ -2155,8 +2166,7 @@ const createSelectDialog = (params) => {
         queryParams,
         ...params.componentProps
       }),
-      style: { maxWidth: "960px" },
-      bodyClass: params.bodyClass,
+      style: { maxWidth: "1000px", ...params.style },
       onBeforeOk: async () => {
         var _a;
         if (!DialogTableRef.value.getSelectedData) {