@blueking/ediatable 0.0.1-beta.21 → 0.0.1-beta.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/ediatable",
-  "version": "0.0.1-beta.21",
+  "version": "0.0.1-beta.22",
   "description": "蓝鲸 Ediatable",
   "keywords": [
     "ediatable",

package/typings/components/fixed-column.vue.d.ts

@@ -1,5 +1,5 @@
 interface Props {
-    fixed?: 'right' | 'left';
+    fixed?: 'left' | 'right';
 }
 declare function __VLS_template(): {
     default?(_: {}): any;
@@ -9,7 +9,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     fixed: string;
 }>>>, {
-    fixed: "right" | "left";
+    fixed: "left" | "right";
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/typings/components/head-column.vue.d.ts

@@ -1,6 +1,6 @@
 import { JSX } from 'vue/jsx-runtime';
 export interface Props {
-    fixed?: 'right' | 'left';
+    fixed?: 'left' | 'right';
     maxWidth?: number;
     minWidth?: number;
     required?: boolean;
@@ -35,7 +35,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     minWidth: number;
     width: number;
     maxWidth: number;
-    fixed: "right" | "left";
+    fixed: "left" | "right";
     required: boolean;
     renderAppend: () => JSX.Element;
     memo: string;

package/typings/components/select-column.vue.d.ts

@@ -7,7 +7,7 @@ export interface IListItem {
     [key: string]: any;
 }
 interface Props {
-    list: Array<IListItem>;
+    list?: Array<IListItem>;
     placeholder?: string;
     rules?: Rules;
     disabled?: boolean;
@@ -22,7 +22,13 @@ declare let __VLS_typeProps: Props;
 type __VLS_PublicProps = {
     modelValue?: IKey;
 } & typeof __VLS_typeProps;
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+declare function __VLS_template(): Readonly<{
+    optionRender: any;
+}> & {
+    optionRender: any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    list: () => never[];
     placeholder: string;
     textarea: boolean;
     rules: () => never[];
@@ -40,6 +46,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     change: (value: IKey) => void;
     error: (result: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    list: () => never[];
     placeholder: string;
     textarea: boolean;
     rules: () => never[];
@@ -62,9 +69,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     multiple: boolean;
     showSelectAll: boolean;
     multipleMode: string;
+    list: Array<IListItem>;
     idKey: string;
     displayKey: string;
 }, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
@@ -74,6 +83,11 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {

package/vue2/index.es.min.js

@@ -1,5 +1,5 @@
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "@blueking/bkui-library";
-import { ref, provide, onMounted, onBeforeUnmount, getCurrentScope, onScopeDispose, unref, computed, watch, getCurrentInstance, defineComponent, useSlots, inject, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, withDirectives, renderSlot, createCommentVNode, createBlock, Fragment, renderList, withCtx, createTextVNode, toDisplayString, reactive, toRefs, h as h$1, mergeModels, useModel, useAttrs, createVNode, mergeProps, createSlots, nextTick, createApp } from "@blueking/bkui-library";
+import { ref, provide, onMounted, onBeforeUnmount, getCurrentScope, onScopeDispose, unref, computed, watch, getCurrentInstance, defineComponent, useSlots, inject, openBlock, createElementBlock, normalizeStyle, normalizeClass, createElementVNode, withDirectives, renderSlot, createCommentVNode, createBlock, Fragment, renderList, withCtx, createTextVNode, toDisplayString, reactive, toRefs, h as h$1, mergeModels, useModel, useAttrs, createVNode, mergeProps, createSlots, nextTick, createApp } from "@blueking/bkui-library";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x3) {
   return x3 && x3.__esModule && Object.prototype.hasOwnProperty.call(x3, "default") ? x3["default"] : x3;
@@ -5628,6 +5628,74 @@ function useColumnResize(tableRef, tableColumnResizeRef, mouseupCallback) {
     handleMouseMove
   };
 }
+function tryOnScopeDispose(fn2) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn2);
+    return true;
+  }
+  return false;
+}
+function toValue(r2) {
+  return typeof r2 === "function" ? r2() : unref(r2);
+}
+const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+function unrefElement(elRef) {
+  var _a;
+  const plain = toValue(elRef);
+  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+}
+const defaultWindow = isClient ? window : void 0;
+function useMounted() {
+  const isMounted = ref(false);
+  const instance2 = getCurrentInstance();
+  if (instance2) {
+    onMounted(() => {
+      isMounted.value = true;
+    }, instance2);
+  }
+  return isMounted;
+}
+function useSupported(callback) {
+  const isMounted = useMounted();
+  return computed(() => {
+    isMounted.value;
+    return Boolean(callback());
+  });
+}
+function useResizeObserver(target, callback, options = {}) {
+  const { window: window2 = defaultWindow, ...observerOptions } = options;
+  let observer;
+  const isSupported = useSupported(() => window2 && "ResizeObserver" in window2);
+  const cleanup = () => {
+    if (observer) {
+      observer.disconnect();
+      observer = void 0;
+    }
+  };
+  const targets = computed(() => Array.isArray(target) ? target.map((el) => unrefElement(el)) : [unrefElement(target)]);
+  const stopWatch = watch(
+    targets,
+    (els) => {
+      cleanup();
+      if (isSupported.value && window2) {
+        observer = new ResizeObserver(callback);
+        for (const _el of els)
+          _el && observer.observe(_el, observerOptions);
+      }
+    },
+    { immediate: true, flush: "post" }
+  );
+  const stop = () => {
+    cleanup();
+    stopWatch();
+  };
+  tryOnScopeDispose(stop);
+  return {
+    isSupported,
+    stop
+  };
+}
 var top = "top";
 var bottom = "bottom";
 var right = "right";
@@ -41640,74 +41708,6 @@ const overflowTips = {
   }
 };
 const random2 = () => `${_$1.random(0, 999999)}_${Date.now()}_${_$1.random(0, 999999)}`;
-function tryOnScopeDispose(fn2) {
-  if (getCurrentScope()) {
-    onScopeDispose(fn2);
-    return true;
-  }
-  return false;
-}
-function toValue(r2) {
-  return typeof r2 === "function" ? r2() : unref(r2);
-}
-const isClient = typeof window !== "undefined" && typeof document !== "undefined";
-typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-function unrefElement(elRef) {
-  var _a;
-  const plain = toValue(elRef);
-  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
-}
-const defaultWindow = isClient ? window : void 0;
-function useMounted() {
-  const isMounted = ref(false);
-  const instance2 = getCurrentInstance();
-  if (instance2) {
-    onMounted(() => {
-      isMounted.value = true;
-    }, instance2);
-  }
-  return isMounted;
-}
-function useSupported(callback) {
-  const isMounted = useMounted();
-  return computed(() => {
-    isMounted.value;
-    return Boolean(callback());
-  });
-}
-function useResizeObserver(target, callback, options = {}) {
-  const { window: window2 = defaultWindow, ...observerOptions } = options;
-  let observer;
-  const isSupported = useSupported(() => window2 && "ResizeObserver" in window2);
-  const cleanup = () => {
-    if (observer) {
-      observer.disconnect();
-      observer = void 0;
-    }
-  };
-  const targets = computed(() => Array.isArray(target) ? target.map((el) => unrefElement(el)) : [unrefElement(target)]);
-  const stopWatch = watch(
-    targets,
-    (els) => {
-      cleanup();
-      if (isSupported.value && window2) {
-        observer = new ResizeObserver(callback);
-        for (const _el of els)
-          _el && observer.observe(_el, observerOptions);
-      }
-    },
-    { immediate: true, flush: "post" }
-  );
-  const stop = () => {
-    cleanup();
-    stopWatch();
-  };
-  tryOnScopeDispose(stop);
-  return {
-    isSupported,
-    stop
-  };
-}
 const _hoisted_1$6 = ["data-fixed", "data-maxWidth", "data-minWidth", "data-width"];
 const _hoisted_2$2 = { class: "th-cell" };
 const _hoisted_3$1 = { style: { "display": "inline-block", "line-height": "40px", "vertical-align": "top" } };
@@ -41762,7 +41762,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         minWidth: props2.width ? `${props2.width}px` : "120px"
       };
     });
-    const RenderAppendElement = computed(() => props2.renderAppend && props2.renderAppend());
+    const RenderAppendElement = computed(() => {
+      var _a;
+      return (_a = props2.renderAppend) == null ? void 0 : _a.call(props2);
+    });
     watch(
       () => [props2.width, rowWidth == null ? void 0 : rowWidth.value, currentWidth.value],
       ([width, rowWidth2, currentWidth2]) => {
@@ -41803,6 +41806,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("th", {
         ref_key: "columnRef",
         ref: columnRef,
+        style: normalizeStyle(styles.value),
         class: normalizeClass(["bk-ediatable-head-column", {
           [`column-${unref(columnKey)}`]: true,
           "is-right-fixed": unref(isMinimize) && isFixedRight.value && !unref(isScrollToRight),
@@ -41812,7 +41816,6 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         "data-maxWidth": _ctx.maxWidth,
         "data-minWidth": finalMinWidth.value,
         "data-width": _ctx.width,
-        style: normalizeStyle(styles.value),
         onMousedown: handleMouseDown,
         onMousemove: handleMouseMove
       }, [
@@ -42424,7 +42427,7 @@ const _hoisted_1$2 = {
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "select-column",
   props: /* @__PURE__ */ mergeModels({
-    list: {},
+    list: { default: () => [] },
     placeholder: { default: "请选择" },
     rules: { default: () => [] },
     disabled: { type: Boolean, default: false },
@@ -42441,6 +42444,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["change", "error"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const { Option } = __webpack_exports__default$2;
+    const slots = useSlots();
     const props2 = __props;
     const emits = __emit;
     const modelValue = useModel(__props, "modelValue");
@@ -42518,6 +42522,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             clearable: _ctx.clearable,
             disabled: _ctx.disabled,
             "input-search": false,
+            list: slots.optionRender ? _ctx.list : [],
             "model-value": localValue.value,
             multiple: _ctx.multiple,
             "multiple-mode": _ctx.multipleMode,
@@ -42528,11 +42533,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }, _ctx.$attrs, {
             onChange: handleSelect,
             onClear: handleRemove
-          }), {
+          }), createSlots({
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(
+              !slots.optionRender ? (openBlock(true), createElementBlock(
                 Fragment,
-                null,
+                { key: 0 },
                 renderList(_ctx.list, (item, index2) => {
                   return openBlock(), createBlock(unref(Option), {
                     disabled: item.disabled,
@@ -42543,11 +42548,19 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 }),
                 128
                 /* KEYED_FRAGMENT */
-              ))
+              )) : createCommentVNode("v-if", true)
             ]),
-            _: 1
-            /* STABLE */
-          }, 16, ["clearable", "disabled", "model-value", "multiple", "multiple-mode", "placeholder", "show-select-all"]),
+            _: 2
+            /* DYNAMIC */
+          }, [
+            slots.optionRender ? {
+              name: "optionRender",
+              fn: withCtx(({ item }) => [
+                renderSlot(_ctx.$slots, "optionRender", { item })
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["clearable", "disabled", "list", "model-value", "multiple", "multiple-mode", "placeholder", "show-select-all"]),
           unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
             withDirectives(createVNode(
               unref(DbIcon),

package/vue2/index.iife.min.js

@@ -12495,6 +12495,74 @@ var lesscodeCustomComponentLibrary = function(exports) {
       handleMouseMove
     };
   }
+  function tryOnScopeDispose(fn) {
+    if (getCurrentScope()) {
+      onScopeDispose(fn);
+      return true;
+    }
+    return false;
+  }
+  function toValue(r2) {
+    return typeof r2 === "function" ? r2() : unref(r2);
+  }
+  const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+  typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+  function unrefElement(elRef) {
+    var _a;
+    const plain = toValue(elRef);
+    return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+  }
+  const defaultWindow = isClient ? window : void 0;
+  function useMounted() {
+    const isMounted = ref(false);
+    const instance2 = getCurrentInstance();
+    if (instance2) {
+      onMounted(() => {
+        isMounted.value = true;
+      }, instance2);
+    }
+    return isMounted;
+  }
+  function useSupported(callback) {
+    const isMounted = useMounted();
+    return computed(() => {
+      isMounted.value;
+      return Boolean(callback());
+    });
+  }
+  function useResizeObserver(target, callback, options = {}) {
+    const { window: window2 = defaultWindow, ...observerOptions } = options;
+    let observer;
+    const isSupported = useSupported(() => window2 && "ResizeObserver" in window2);
+    const cleanup = () => {
+      if (observer) {
+        observer.disconnect();
+        observer = void 0;
+      }
+    };
+    const targets = computed(() => Array.isArray(target) ? target.map((el) => unrefElement(el)) : [unrefElement(target)]);
+    const stopWatch = watch(
+      targets,
+      (els) => {
+        cleanup();
+        if (isSupported.value && window2) {
+          observer = new ResizeObserver(callback);
+          for (const _el of els)
+            _el && observer.observe(_el, observerOptions);
+        }
+      },
+      { immediate: true, flush: "post" }
+    );
+    const stop = () => {
+      cleanup();
+      stopWatch();
+    };
+    tryOnScopeDispose(stop);
+    return {
+      isSupported,
+      stop
+    };
+  }
   var top = "top";
   var bottom = "bottom";
   var right = "right";
@@ -48507,74 +48575,6 @@ ${$(r2)}`), n2;
     }
   };
   const random = () => `${_$1.random(0, 999999)}_${Date.now()}_${_$1.random(0, 999999)}`;
-  function tryOnScopeDispose(fn) {
-    if (getCurrentScope()) {
-      onScopeDispose(fn);
-      return true;
-    }
-    return false;
-  }
-  function toValue(r2) {
-    return typeof r2 === "function" ? r2() : unref(r2);
-  }
-  const isClient = typeof window !== "undefined" && typeof document !== "undefined";
-  typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
-  function unrefElement(elRef) {
-    var _a;
-    const plain = toValue(elRef);
-    return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
-  }
-  const defaultWindow = isClient ? window : void 0;
-  function useMounted() {
-    const isMounted = ref(false);
-    const instance2 = getCurrentInstance();
-    if (instance2) {
-      onMounted(() => {
-        isMounted.value = true;
-      }, instance2);
-    }
-    return isMounted;
-  }
-  function useSupported(callback) {
-    const isMounted = useMounted();
-    return computed(() => {
-      isMounted.value;
-      return Boolean(callback());
-    });
-  }
-  function useResizeObserver(target, callback, options = {}) {
-    const { window: window2 = defaultWindow, ...observerOptions } = options;
-    let observer;
-    const isSupported = useSupported(() => window2 && "ResizeObserver" in window2);
-    const cleanup = () => {
-      if (observer) {
-        observer.disconnect();
-        observer = void 0;
-      }
-    };
-    const targets = computed(() => Array.isArray(target) ? target.map((el) => unrefElement(el)) : [unrefElement(target)]);
-    const stopWatch = watch(
-      targets,
-      (els) => {
-        cleanup();
-        if (isSupported.value && window2) {
-          observer = new ResizeObserver(callback);
-          for (const _el of els)
-            _el && observer.observe(_el, observerOptions);
-        }
-      },
-      { immediate: true, flush: "post" }
-    );
-    const stop = () => {
-      cleanup();
-      stopWatch();
-    };
-    tryOnScopeDispose(stop);
-    return {
-      isSupported,
-      stop
-    };
-  }
   const _hoisted_1$6 = ["data-fixed", "data-maxWidth", "data-minWidth", "data-width"];
   const _hoisted_2$2 = { class: "th-cell" };
   const _hoisted_3$1 = { style: { "display": "inline-block", "line-height": "40px", "vertical-align": "top" } };
@@ -48629,7 +48629,10 @@ ${$(r2)}`), n2;
           minWidth: props2.width ? `${props2.width}px` : "120px"
         };
       });
-      const RenderAppendElement = computed(() => props2.renderAppend && props2.renderAppend());
+      const RenderAppendElement = computed(() => {
+        var _a;
+        return (_a = props2.renderAppend) == null ? void 0 : _a.call(props2);
+      });
       watch(
         () => [props2.width, rowWidth == null ? void 0 : rowWidth.value, currentWidth.value],
         ([width, rowWidth2, currentWidth2]) => {
@@ -48670,6 +48673,7 @@ ${$(r2)}`), n2;
         return openBlock(), createElementBlock("th", {
           ref_key: "columnRef",
           ref: columnRef,
+          style: normalizeStyle(styles.value),
           class: normalizeClass(["bk-ediatable-head-column", {
             [`column-${unref(columnKey)}`]: true,
             "is-right-fixed": unref(isMinimize) && isFixedRight.value && !unref(isScrollToRight),
@@ -48679,7 +48683,6 @@ ${$(r2)}`), n2;
           "data-maxWidth": _ctx.maxWidth,
           "data-minWidth": finalMinWidth.value,
           "data-width": _ctx.width,
-          style: normalizeStyle(styles.value),
           onMousedown: handleMouseDown,
           onMousemove: handleMouseMove
         }, [
@@ -49291,7 +49294,7 @@ ${$(r2)}`), n2;
   const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     __name: "select-column",
     props: /* @__PURE__ */ mergeModels({
-      list: {},
+      list: { default: () => [] },
       placeholder: { default: "请选择" },
       rules: { default: () => [] },
       disabled: { type: Boolean, default: false },
@@ -49308,6 +49311,7 @@ ${$(r2)}`), n2;
     emits: /* @__PURE__ */ mergeModels(["change", "error"], ["update:modelValue"]),
     setup(__props, { expose: __expose, emit: __emit }) {
       const { Option } = __webpack_exports__default$2;
+      const slots = useSlots();
       const props2 = __props;
       const emits = __emit;
       const modelValue = useModel(__props, "modelValue");
@@ -49385,6 +49389,7 @@ ${$(r2)}`), n2;
               clearable: _ctx.clearable,
               disabled: _ctx.disabled,
               "input-search": false,
+              list: slots.optionRender ? _ctx.list : [],
               "model-value": localValue.value,
               multiple: _ctx.multiple,
               "multiple-mode": _ctx.multipleMode,
@@ -49395,11 +49400,11 @@ ${$(r2)}`), n2;
             }, _ctx.$attrs, {
               onChange: handleSelect,
               onClear: handleRemove
-            }), {
+            }), createSlots({
               default: withCtx(() => [
-                (openBlock(true), createElementBlock(
+                !slots.optionRender ? (openBlock(true), createElementBlock(
                   Fragment,
-                  null,
+                  { key: 0 },
                   renderList(_ctx.list, (item, index2) => {
                     return openBlock(), createBlock(unref(Option), {
                       disabled: item.disabled,
@@ -49410,11 +49415,19 @@ ${$(r2)}`), n2;
                   }),
                   128
                   /* KEYED_FRAGMENT */
-                ))
+                )) : createCommentVNode("v-if", true)
               ]),
-              _: 1
-              /* STABLE */
-            }, 16, ["clearable", "disabled", "model-value", "multiple", "multiple-mode", "placeholder", "show-select-all"]),
+              _: 2
+              /* DYNAMIC */
+            }, [
+              slots.optionRender ? {
+                name: "optionRender",
+                fn: withCtx(({ item }) => [
+                  renderSlot(_ctx.$slots, "optionRender", { item })
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040, ["clearable", "disabled", "list", "model-value", "multiple", "multiple-mode", "placeholder", "show-select-all"]),
             unref(errorMessage) ? (openBlock(), createElementBlock("div", _hoisted_1$2, [
               withDirectives(createVNode(
                 unref(DbIcon),