cnhis-design-vue 3.1.11-beta.8 → 3.1.12-beta.1

package/es/packages/big-table/src/components/edit-form/edit-separate.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,69 @@
+import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode } from 'vue';
+import { NPopover, NInput } from 'naive-ui';
+import { useSeparateMap } from '../../../../../packages/big-table/src/hooks/useSeparateRow';
+import '../separate.js';
+import script$1 from '../separate.vue_vue_type_script_setup_true_lang.js';
+
+var script = /* @__PURE__ */ defineComponent({
+  __name: "edit-separate",
+  props: {
+    col: { type: Object, required: true },
+    row: { type: Object, required: true },
+    index: { type: Number, required: true }
+  },
+  emits: ["formChange"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const { getRowData } = useSeparateMap();
+    const editContent = ref("");
+    function updateShow(show) {
+      const target = getRowData(props.row);
+      if (!target)
+        return;
+      if (show) {
+        editContent.value = target.row[props.col.field];
+        return;
+      }
+      const old = target.row[props.col.field];
+      if (old === editContent.value || !target)
+        return;
+      target.rawRow[props.col.field] = editContent.value;
+      emit("formChange", {
+        value: editContent.value,
+        row: target.row,
+        column: props.col,
+        index: target.index
+      });
+    }
+    const style = {
+      border: "1px solid #f5f5f5",
+      padding: "4px 0",
+      background: "white",
+      "border-radius": "4px"
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NPopover), {
+        "show-arrow": false,
+        "onUpdate:show": updateShow
+      }, {
+        trigger: withCtx(() => [
+          createVNode(script$1, {
+            style,
+            col: __props.col,
+            row: __props.row
+          }, null, 8, ["col", "row"])
+        ]),
+        default: withCtx(() => [
+          createVNode(unref(NInput), {
+            value: editContent.value,
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => editContent.value = $event),
+            type: "textarea"
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+
+export { script as default };

package/es/packages/big-table/src/components/separate.js

@@ -0,0 +1,4 @@
+import script from './separate.vue_vue_type_script_setup_true_lang.js';
+export { default } from './separate.vue_vue_type_script_setup_true_lang.js';
+
+script.__file = "packages/big-table/src/components/separate.vue";

package/es/packages/big-table/src/components/separate.vue.d.ts

@@ -0,0 +1,43 @@
+import { AnyObject } from '../../../../../es/src/types';
+import { PropType } from 'vue';
+import { VxeTableDefines } from 'vxe-table';
+declare const _default: import("vue").DefineComponent<{
+    col: {
+        type: PropType<VxeTableDefines.ColumnInfo>;
+        required: true;
+    };
+    row: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        col: {
+            type: PropType<VxeTableDefines.ColumnInfo>;
+            required: true;
+        };
+        row: {
+            type: PropType<AnyObject>;
+            required: true;
+        };
+    }>> & {
+        [x: `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
+    separateDataMap: import("vue").Ref<WeakMap<AnyObject, {
+        separateData: Record<string, string>;
+        index: number;
+        rawRow: AnyObject;
+        row: AnyObject;
+    }>>;
+    displayContent: import("vue").ComputedRef<string>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    col: {
+        type: PropType<VxeTableDefines.ColumnInfo>;
+        required: true;
+    };
+    row: {
+        type: PropType<AnyObject>;
+        required: true;
+    };
+}>>, {}>;
+export default _default;

package/es/packages/big-table/src/components/separate.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+import { defineComponent, computed, openBlock, createElementBlock, toDisplayString, unref } from 'vue';
+import { useSeparateMap } from '../../../../packages/big-table/src/hooks/useSeparateRow';
+
+const _hoisted_1 = { style: { padding: "4px 0" } };
+var script = /* @__PURE__ */ defineComponent({
+  __name: "separate",
+  props: {
+    col: { type: Object, required: true },
+    row: { type: Object, required: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const { separateDataMap } = useSeparateMap();
+    const displayContent = computed(() => {
+      const target = separateDataMap.value.get(props.row);
+      return target ? target.separateData[props.col.field] : "";
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, toDisplayString(unref(displayContent)), 1);
+    };
+  }
+});
+
+export { script as default };

package/es/packages/big-table/src/constants/index.d.ts

@@ -0,0 +1,3 @@
+import { InjectionKey } from 'vue';
+import { SeparateHandle } from '../../../../../es/packages/big-table/src/hooks/useSeparateRow';
+export declare const InjectionSeparateHandle: InjectionKey<SeparateHandle>;

package/es/packages/big-table/src/constants/index.js

@@ -0,0 +1,3 @@
+const InjectionSeparateHandle = Symbol("InjectionSeparateHandle");
+
+export { InjectionSeparateHandle };