cnhis-design-vue 3.1.26-beta.0 → 3.1.26-beta.1

package/README.md

@@ -1,123 +1,123 @@
-# 安装
-
-```shell
-npm i cnhis-design-vue@[版本号]
-# or
-yarn add cnhis-design-vue@[版本号] #推荐
-```
-
-## 1.全局引入
-
-```typescript
-// main.ts
-import { createApp } from 'vue';
-import App from './App.vue';
-import 'cnhis-design-vue/es/packages/index.css';
-import cui from 'cnhis-design-vue';
-
-const app = createApp(App);
-app.use(cui).mount('#app');
-```
-
-## 2. 按需引入
-
-组件现在支持了自动按需引入, 但是样式文件需要额外的处理
-
-### 2.1 样式处理方式 1(按需引入样式)
-
-```shell
-# 安装自动导入样式的插件
-npm i -d vite-plugin-style-import
-```
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-import { createStyleImportPlugin } from 'vite-plugin-style-import';
-
-export default defineConfig({
-  plugins: [
-    // ...otherPlugins
-    createStyleImportPlugin({
-      libs: [
-        {
-          libraryName: 'cnhis-design-vue',
-          esModule: true,
-          ensureStyleFile: true,
-          resolveStyle: name => {
-            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
-          }
-        }
-      ]
-    })
-  ]
-});
-```
-
-### 2.2 样式处理方式 2(全局引入样式)
-
-```typescript
-// main.ts
-import 'cnhis-design-vue/es/components/index.css';
-```
-
-## 3. 注意
-
-由于 vxe-table 目前的引入方式是由组件 install 触发的,所以如果需要使用 c-grid/c-big-table 组件,需要全局注册二者任意一个
-
-```typescript
-// main.ts
-import { createApp } from 'vue';
-import App from './App.vue';
-
-import { CGrid } from 'cnhis-design-vue';
-// 或者
-import { CBigTable } from 'cnhis-design-vue';
-
-const app = createApp(App);
-app.use(CGrid);
-// 或者
-app.use(CBigTable);
-app.mount('#app');
-```
-
-## 4.FAQ
-
-### 4.1 项目打包后样式丢失
-
-> 处理方法, 将 cnhis-design-vue 从 vendor 包中移除
-
-```typescript
-// vite.config.ts
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-  rollupOptions: {
-    // ..otherOptions
-    output: {
-      dir: './dist',
-      manualChunks(id: string) {
-        if (id.includes('node_modules') && !id.includes('cnhis-design-vue')) {
-          return 'vendor';
-        }
-      }
-    }
-  }
-});
-```
-
-### 4.2 找不到文件
-
-> 由于组件库输出文件类型由 js 修改成了 mjs, 如果配置了 resolve 属性的项目, 需要将 mjs 文件类型添加至 extensions 中
-
-```javascript
-// vite.config.ts
-const config = {
-  // ...otherOptions
-  resolve: {
-    // ...otherOptions
-    // 如果没有配置, 则不用考虑
-    extensions: ['.js', '.ts', '.vue', '.json', '.mjs']
-  }
-};
-```
+# 安装
+
+```shell
+npm i cnhis-design-vue@[版本号]
+# or
+yarn add cnhis-design-vue@[版本号] #推荐
+```
+
+## 1.全局引入
+
+```typescript
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+import 'cnhis-design-vue/es/packages/index.css';
+import cui from 'cnhis-design-vue';
+
+const app = createApp(App);
+app.use(cui).mount('#app');
+```
+
+## 2. 按需引入
+
+组件现在支持了自动按需引入, 但是样式文件需要额外的处理
+
+### 2.1 样式处理方式 1(按需引入样式)
+
+```shell
+# 安装自动导入样式的插件
+npm i -d vite-plugin-style-import
+```
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+import { createStyleImportPlugin } from 'vite-plugin-style-import';
+
+export default defineConfig({
+  plugins: [
+    // ...otherPlugins
+    createStyleImportPlugin({
+      libs: [
+        {
+          libraryName: 'cnhis-design-vue',
+          esModule: true,
+          ensureStyleFile: true,
+          resolveStyle: name => {
+            return `cnhis-design-vue/es/components/${ name.slice(2) }/style/index.css`;
+          }
+        }
+      ]
+    })
+  ]
+});
+```
+
+### 2.2 样式处理方式 2(全局引入样式)
+
+```typescript
+// main.ts
+import 'cnhis-design-vue/es/components/index.css';
+```
+
+## 3. 注意
+
+由于 vxe-table 目前的引入方式是由组件 install 触发的,所以如果需要使用 c-grid/c-big-table 组件,需要全局注册二者任意一个
+
+```typescript
+// main.ts
+import { createApp } from 'vue';
+import App from './App.vue';
+
+import { CGrid } from 'cnhis-design-vue';
+// 或者
+import { CBigTable } from 'cnhis-design-vue';
+
+const app = createApp(App);
+app.use(CGrid);
+// 或者
+app.use(CBigTable);
+app.mount('#app');
+```
+
+## 4.FAQ
+
+### 4.1 项目打包后样式丢失
+
+> 处理方法, 将 cnhis-design-vue 从 vendor 包中移除
+
+```typescript
+// vite.config.ts
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+  rollupOptions: {
+    // ..otherOptions
+    output: {
+      dir: './dist',
+      manualChunks(id: string) {
+        if (id.includes('node_modules') && !id.includes('cnhis-design-vue')) {
+          return 'vendor';
+        }
+      }
+    }
+  }
+});
+```
+
+### 4.2 找不到文件
+
+> 由于组件库输出文件类型由 js 修改成了 mjs, 如果配置了 resolve 属性的项目, 需要将 mjs 文件类型添加至 extensions 中
+
+```javascript
+// vite.config.ts
+const config = {
+  // ...otherOptions
+  resolve: {
+    // ...otherOptions
+    // 如果没有配置, 则不用考虑
+    extensions: ['.js', '.ts', '.vue', '.json', '.mjs']
+  }
+};
+```

package/es/components/big-table/src/BigTable.vue_vue_type_script_setup_true_lang.js

@@ -394,7 +394,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         visible: checkVisible,
         resizable: false,
         width: checkMinWidth,
-        slots: selectType === "checkbox" && !((_b = attr.checkboxConfig) == null ? void 0 : _b.checkMethod) ? checkboxSlot : null,
+        slots: selectType === "checkbox" && !((_b = getAttr("checkbox-config")) == null ? void 0 : _b.checkMethod) ? checkboxSlot : null,
         showOverflow: true
       }];
       const seqObj = columns.find((v) => v.type == "seq");
@@ -1311,10 +1311,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         $rowIndex,
         triggerCheckbox
       } = data;
-      if (((_a = attr.checkboxConfig) == null ? void 0 : _a.noTriggerCellClick) && triggerCheckbox) {
+      if (((_a = getAttr("checkbox-config")) == null ? void 0 : _a.noTriggerCellClick) && triggerCheckbox) {
         return false;
       }
-      if (((_b = attr.checkboxConfig) == null ? void 0 : _b.trigger) === "default") {
+      if (((_b = getAttr("checkbox-config")) == null ? void 0 : _b.trigger) === "default") {
         emit("handlerClickRow", row, $rowIndex);
         return false;
       }

package/es/components/iho-table/src/plugins/index.js

@@ -4,15 +4,15 @@ import * as index$2 from './rendererPlugins/editableWidgets/dateRendererPlugin/i
 import * as inputRendererPlugin from './rendererPlugins/editableWidgets/inputRendererPlugin.js';
 import * as index$3 from './rendererPlugins/editableWidgets/selectRendererPlugin/index.js';
 import * as index$4 from './rendererPlugins/editableWidgets/separateRendererPlugin/index.js';
-import * as index$5 from './rendererPlugins/editableWidgets/timeRendererPlugin/index.js';
+import * as timeRendererPlugin from './rendererPlugins/editableWidgets/timeRendererPlugin.js';
 import * as checkRendererPlugin from './rendererPlugins/widgets/checkRendererPlugin.js';
 import * as colorRendererPlugin from './rendererPlugins/widgets/colorRendererPlugin.js';
 import * as defaultRendererPlugin from './rendererPlugins/widgets/defaultRendererPlugin.js';
 import * as labelRendererPlugin from './rendererPlugins/widgets/labelRendererPlugin.js';
 import * as pictureRendererPlugin from './rendererPlugins/widgets/pictureRendererPlugin.js';
 import * as seqRendererPlugin from './rendererPlugins/widgets/seqRendererPlugin.js';
-import * as index$6 from './rowGroupSettingPlugin/index.js';
-import * as index$7 from './virtualTreePlugin/index.js';
+import * as index$5 from './rowGroupSettingPlugin/index.js';
+import * as index$6 from './virtualTreePlugin/index.js';
 import { separateMetaModule } from '../../../../shared/utils/index.js';
 
 const modules = Object.assign({
@@ -22,15 +22,15 @@ const modules = Object.assign({
   "./rendererPlugins/editableWidgets/inputRendererPlugin.tsx": inputRendererPlugin,
   "./rendererPlugins/editableWidgets/selectRendererPlugin/index.tsx": index$3,
   "./rendererPlugins/editableWidgets/separateRendererPlugin/index.tsx": index$4,
-  "./rendererPlugins/editableWidgets/timeRendererPlugin/index.tsx": index$5,
+  "./rendererPlugins/editableWidgets/timeRendererPlugin.tsx": timeRendererPlugin,
   "./rendererPlugins/widgets/checkRendererPlugin.tsx": checkRendererPlugin,
   "./rendererPlugins/widgets/colorRendererPlugin.tsx": colorRendererPlugin,
   "./rendererPlugins/widgets/defaultRendererPlugin.tsx": defaultRendererPlugin,
   "./rendererPlugins/widgets/labelRendererPlugin.tsx": labelRendererPlugin,
   "./rendererPlugins/widgets/pictureRendererPlugin.tsx": pictureRendererPlugin,
   "./rendererPlugins/widgets/seqRendererPlugin.tsx": seqRendererPlugin,
-  "./rowGroupSettingPlugin/index.ts": index$6,
-  "./virtualTreePlugin/index.ts": index$7
+  "./rowGroupSettingPlugin/index.ts": index$5,
+  "./virtualTreePlugin/index.ts": index$6
 });
 var PluginPresets = separateMetaModule(modules);
 

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/editDate.js

@@ -1,41 +1,28 @@
-import { defineComponent, inject, ref, computed, watch, createVNode, mergeProps } from 'vue';
+import { defineComponent, useAttrs, inject, ref, computed, watch, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, isRef } from 'vue';
 import { generateTimeFormat } from '../../../../../../../shared/utils/index.js';
 import { isFunction, isNaN } from 'lodash-es';
-import { NDatePicker, NPopover, NInput } from 'naive-ui';
+import { NPopover, NInput, NDatePicker } from 'naive-ui';
 import { InjectionIhoTableEmits } from '../../../../constants/index.js';
 import { useCommon } from '../hooks/useCommon.js';
+import _export_sfc from '../../../../../../../_virtual/plugin-vue_export-helper.js';
 
-var EditDate = defineComponent({
-  name: "EditDate",
-  inheritAttrs: false,
-  components: {
-    NDatePicker
-  },
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "editDate",
   props: {
-    column: {
-      type: Object,
-      required: true
-    },
-    row: {
-      type: Object,
-      required: true
-    },
-    index: {
-      type: Number,
-      required: true
-    }
+    value: { type: String, default: void 0 },
+    column: { type: Object, required: true },
+    row: { type: Object, required: true },
+    index: { type: Number, required: true }
   },
-  setup(props, {
-    attrs,
-    emit
-  }) {
+  emits: ["update:value"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const attr = useAttrs();
     const globEmit = inject(InjectionIhoTableEmits);
-    const {
-      formRef,
-      isShow
-    } = useCommon();
-    const __value = ref(props.row[props.column.field]);
+    const { formRef, isShow } = useCommon();
+    const formattedValue = ref();
     const onConfirm = (value) => {
+      emit("update:value", value);
       globEmit("formChange", {
         value,
         row: props.row,
@@ -43,11 +30,8 @@ var EditDate = defineComponent({
         index: props.index
       });
     };
-    const {
-      isStartDate = false,
-      isEndDate = false
-    } = attrs;
-    const connectField = attrs.connectField || "";
+    const { isStartDate = false, isEndDate = false } = attr;
+    const connectField = attr.connectField || "";
     const setDateDisabled = (cur, date) => {
       if (isStartDate && connectField) {
         return cur > date;
@@ -60,7 +44,10 @@ var EditDate = defineComponent({
     const isDateDisabled = (ts) => {
       if (!props.row[connectField])
         return false;
-      return setDateDisabled(ts, isEndDate ? new Date(`${props.row[connectField].split(" ")[0]} 00:00:00`).getTime() : new Date(props.row[connectField]).getTime());
+      return setDateDisabled(
+        ts,
+        isEndDate ? new Date(`${props.row[connectField].split(" ")[0]} 00:00:00`).getTime() : new Date(props.row[connectField]).getTime()
+      );
     };
     const isTimeDisabled = (ts) => {
       const date = new Date(props.row[connectField]);
@@ -126,7 +113,7 @@ var EditDate = defineComponent({
       return date;
     }
     function onBlur() {
-      let date = __value.value;
+      let date = formattedValue.value;
       if (isNaN(new Date(date).getTime())) {
         if (/^\d{8}$/.test(date)) {
           const dateNew = `${date.slice(0, 4)} ${date.slice(4, 6)} ${date.slice(6)}`;
@@ -140,11 +127,11 @@ var EditDate = defineComponent({
       } else {
         date = getFormatDate(date);
       }
-      props.row[props.column.field] = __value.value = date || void 0;
-      onConfirm(__value.value);
+      formattedValue.value = date || void 0;
+      onConfirm(formattedValue.value);
     }
     const formatConfig = computed(() => {
-      const valueFormat = attrs.valueFormat || "yyyy-MM-dd HH:mm:ss";
+      const valueFormat = attr.valueFormat || "yyyy-MM-dd HH:mm:ss";
       return {
         valueFormat,
         format: valueFormat,
@@ -154,52 +141,67 @@ var EditDate = defineComponent({
       };
     });
     const dateConfig = {
-      type: attrs.type || "datetime",
+      type: attr.type || "datetime",
       clearable: true,
-      placeholder: attrs.placeholder || "\u8BF7\u9009\u62E9",
-      ...attrs,
+      placeholder: attr.placeholder || "\u8BF7\u9009\u62E9",
+      ...attr,
       ...formatConfig.value,
-      isDateDisabled: customDateDisabledDecorator(attrs.isDateDisabled) || isDateDisabled,
+      isDateDisabled: customDateDisabledDecorator(attr.isDateDisabled) || isDateDisabled,
       onUpdateFormattedValue: onConfirm
     };
     if (dateConfig.type.includes("time")) {
-      dateConfig.isTimeDisabled = customDateDisabledDecorator(attrs.isTimeDisabled) || isTimeDisabled;
+      dateConfig.isTimeDisabled = customDateDisabledDecorator(attr.isTimeDisabled) || isTimeDisabled;
     }
-    watch(() => props.row[props.column.field], (value) => {
-      __value.value = value;
-    });
-    return () => (attrs == null ? void 0 : attrs.isPopover) ? createVNode(NPopover, mergeProps({
-      "show": isShow.value,
-      "trigger": "click",
-      "showArrow": false,
-      "placement": "bottom-start",
-      "style": "padding: 0"
-    }, attrs, {
-      "onClickoutside": () => isShow.value = false
-    }), {
-      trigger: () => createVNode(NInput, {
-        "ref": formRef,
-        "clearable": true,
-        "value": __value.value,
-        "onUpdate:value": ($event) => __value.value = $event,
-        "onBlur": onBlur,
-        "onClick": () => isShow.value = true
-      }, null),
-      default: () => createVNode(NDatePicker, mergeProps({
-        "panel": true,
-        "show": isShow.value,
-        "onUpdate:show": ($event) => isShow.value = $event,
-        "formattedValue": props.row[props.column.field],
-        "onUpdate:formattedValue": ($event) => props.row[props.column.field] = $event
-      }, dateConfig), null)
-    }) : createVNode(NDatePicker, mergeProps({
-      "ref": formRef,
-      "show": isShow.value,
-      "onUpdate:show": ($event) => isShow.value = $event,
-      "formattedValue": props.row[props.column.field],
-      "onUpdate:formattedValue": ($event) => props.row[props.column.field] = $event
-    }, dateConfig), null);
+    watch(
+      () => props.value,
+      (value) => {
+        formattedValue.value = value;
+      }
+    );
+    return (_ctx, _cache) => {
+      return _ctx.$attrs.isPopover ? (openBlock(), createBlock(unref(NPopover), mergeProps({
+        key: 0,
+        show: unref(isShow),
+        trigger: "click",
+        showArrow: false,
+        placement: "bottom-start",
+        style: { "padding": "0" }
+      }, _ctx.$attrs, {
+        onClickoutside: _cache[4] || (_cache[4] = () => isShow.value = false)
+      }), {
+        trigger: withCtx(() => [
+          createVNode(unref(NInput), {
+            ref_key: "formRef",
+            ref: formRef,
+            clearable: "",
+            value: formattedValue.value,
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => formattedValue.value = $event),
+            onBlur,
+            onClick: _cache[1] || (_cache[1] = () => isShow.value = true)
+          }, null, 8, ["value"])
+        ]),
+        default: withCtx(() => [
+          createVNode(unref(NDatePicker), mergeProps({
+            panel: "",
+            show: unref(isShow),
+            "onUpdate:show": _cache[2] || (_cache[2] = ($event) => isRef(isShow) ? isShow.value = $event : null),
+            "formatted-value": formattedValue.value,
+            "onUpdate:formatted-value": _cache[3] || (_cache[3] = ($event) => formattedValue.value = $event)
+          }, unref(dateConfig)), null, 16, ["show", "formatted-value"])
+        ]),
+        _: 1
+      }, 16, ["show"])) : (openBlock(), createBlock(unref(NDatePicker), mergeProps({
+        key: 1,
+        ref_key: "formRef",
+        ref: formRef,
+        show: unref(isShow),
+        "onUpdate:show": _cache[5] || (_cache[5] = ($event) => isRef(isShow) ? isShow.value = $event : null),
+        "formatted-value": formattedValue.value,
+        "onUpdate:formatted-value": _cache[6] || (_cache[6] = ($event) => formattedValue.value = $event)
+      }, unref(dateConfig)), null, 16, ["show", "formatted-value"]));
+    };
   }
 });
+var EditDate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "editDate.vue"]]);
 
 export { EditDate as default };

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/editDate.vue.d.ts

@@ -0,0 +1,96 @@
+import { Func } from '../../../../../../../../es/shared/types';
+import { PropType } from 'vue';
+import { IhoTableFieldItem } from '../../../../../../../../es/components/iho-table';
+import { AnyObject } from '../../../../../../../../es/shared/types';
+declare const _default: import("vue").DefineComponent<{
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    column: {
+        type: PropType<IhoTableFieldItem>;
+        required: true;
+    };
+    row: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+}, {
+    attr: AnyObject;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        column: {
+            type: PropType<IhoTableFieldItem>;
+            required: true;
+        };
+        row: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+        index: {
+            type: NumberConstructor;
+            required: true;
+        };
+    }>> & {
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "update:value", ...args: any[]) => void;
+    globEmit: (event: string, ...args: unknown[]) => void;
+    formRef: import("vue").Ref<HTMLElement | null>;
+    isShow: import("vue").Ref<boolean>;
+    formattedValue: import("vue").Ref<string | undefined>;
+    onConfirm: (value: string | null | undefined) => void;
+    isStartDate: any;
+    isEndDate: any;
+    connectField: string;
+    setDateDisabled: (cur: number, date: number) => boolean;
+    isDateDisabled: (ts: number) => boolean;
+    isTimeDisabled: (ts: number) => {
+        isHourDisabled: (hour: number) => boolean;
+        isMinuteDisabled: (minute: number) => boolean;
+        isSecondDisabled: (second: number) => boolean;
+    };
+    customDateDisabledDecorator: (customDateDisabled?: Func) => ((ts: number) => any) | null;
+    getFormatDate: (str: string) => string;
+    onBlur: () => void;
+    formatConfig: import("vue").ComputedRef<{
+        valueFormat: string;
+        format: string;
+        timePickerProps: {
+            format: string | undefined;
+        };
+    }>;
+    dateConfig: AnyObject;
+    NDatePicker: any;
+    NInput: any;
+    NPopover: any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    column: {
+        type: PropType<IhoTableFieldItem>;
+        required: true;
+    };
+    row: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    value: string;
+}>;
+export default _default;

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/dateRendererPlugin/index.js

@@ -25,7 +25,10 @@ function dateRendererPlugin() {
           column,
           $rowIndex
         }) {
-          return [createVNode(EditDate, mergeProps((props == null ? void 0 : props.componentProps) || {}, {
+          return [createVNode(EditDate, mergeProps({
+            "value": row[column.field],
+            "onUpdate:value": ($event) => row[column.field] = $event
+          }, (props == null ? void 0 : props.componentProps) || {}, {
             "column": column,
             "row": row,
             "index": $rowIndex

package/es/components/iho-table/src/plugins/rendererPlugins/editableWidgets/{timeRendererPlugin/index.d.ts → timeRendererPlugin.d.ts}

@@ -1 +1 @@
-export declare function timeRendererPlugin(): import("../../../../../../../../es/components/iho-table").TablePlugin;
+export declare function timeRendererPlugin(): import("../../../../../../../es/components/iho-table").TablePlugin;