@blueking/ediatable 0.0.1-beta.27 → 0.0.1-beta.29

package/typings/components/text-plain-column.vue.d.ts

@@ -0,0 +1,38 @@
+import { type Rules } from '../hooks/useValidtor';
+export interface Props {
+    data?: string | number;
+    isLoading?: boolean;
+    placeholder?: string;
+    rules?: Rules;
+}
+export interface Exposes {
+    getValue: () => Promise<string | number>;
+}
+declare var __VLS_12: {};
+declare var __VLS_inheritedAttrs: {};
+declare const __VLS_refs: {
+    textRef: import("vue").HTMLAttributes & import("vue").ReservedProps;
+};
+declare const __VLS_templateResult: {
+    slots: {
+        default?(_: typeof __VLS_12): any;
+    };
+    refs: __VLS_PickRefsExpose<typeof __VLS_refs>;
+    attrs: Partial<typeof __VLS_inheritedAttrs>;
+};
+type __VLS_Slots = typeof __VLS_templateResult['slots'];
+declare const __VLS_component: import("vue").DefineComponent<Props, {
+    getValue: () => Promise<string | number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_PickRefsExpose<T> = T extends object ? {
+    [K in keyof T]: (T[K] extends any[] ? Parameters<T[K][0]['expose']>[0][] : T[K] extends {
+        expose?: (exposed: infer E) => void;
+    } ? E : T[K]) | null;
+} : never;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/typings/ediatable.vue.d.ts

@@ -0,0 +1,34 @@
+import './lib/bk-icon/iconcool.js';
+import './lib/bk-icon/style.css';
+import { type Props as HeadColumnProps } from './components/head-column.vue';
+import 'tippy.js/dist/tippy.css';
+import 'tippy.js/themes/light.css';
+export interface Props {
+    theadList?: IHead[];
+}
+import type { InjectionKey, Ref } from 'vue';
+export type IHead = HeadColumnProps & {
+    title?: string;
+    memo?: string;
+};
+export declare const renderTablekey: InjectionKey<{
+    isOverflow: Ref<boolean>;
+    rowWidth: Ref<number>;
+    isScrollToLeft: Ref<boolean>;
+    isScrollToRight: Ref<boolean>;
+}>;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    theadList: IHead[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, Readonly<{
+    default: any;
+    data: any;
+}> & {
+    default: any;
+    data: any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/typings/hooks/useIsWidthOverflow.d.ts

@@ -1,4 +1,4 @@
 import { type Ref, type ComputedRef } from 'vue';
 export declare function useIsWidthOverflow<T extends Ref<any> | ComputedRef<any>>(domRef: Ref<HTMLElement>, watchVariable: T): {
-    isOverflow: Ref<boolean>;
+    isOverflow: Ref<boolean, boolean>;
 };

package/typings/hooks/useValidtor.d.ts

@@ -4,7 +4,7 @@ export type Rules = Array<{
 }>;
 export default function (rules: Rules | undefined): {
     validator: (targetValue: any) => Promise<boolean>;
-    loading: import("vue").Ref<boolean>;
-    error: import("vue").Ref<boolean>;
-    message: import("vue").Ref<string>;
+    loading: import("vue").Ref<boolean, boolean>;
+    error: import("vue").Ref<boolean, boolean>;
+    message: import("vue").Ref<string, string>;
 };

package/typings/vue2.d.ts

@@ -6,9 +6,10 @@ import OperationColumn from './components/operation-column.vue';
 import SelectColumn from './components/select-column.vue';
 import TagInputColumn from './components/tag-input-column.vue';
 import TextPlainColumn from './components/text-plain-column.vue';
+import CheckboxColumn from './components/checkbox-column.vue';
 export { type IHead } from './ediatable.vue';
 export * from './hooks/useValidtor';
-export { DateTimePickerColumn, InputColumn, FixedColumn, HeadColumn, OperationColumn, SelectColumn, TagInputColumn, TextPlainColumn, };
+export { DateTimePickerColumn, InputColumn, FixedColumn, HeadColumn, OperationColumn, SelectColumn, TagInputColumn, TextPlainColumn, CheckboxColumn, };
 declare const _default: {
     name: string;
     props: {

package/typings/vue3.d.ts

@@ -7,7 +7,8 @@ import OperationColumn from './components/operation-column.vue';
 import SelectColumn from './components/select-column.vue';
 import TagInputColumn from './components/tag-input-column.vue';
 import TextPlainColumn from './components/text-plain-column.vue';
+import CheckboxColumn from './components/checkbox-column.vue';
 export { type IHead } from './ediatable.vue';
 export * from './hooks/useValidtor';
-export { Ediatable, DateTimePickerColumn, InputColumn, FixedColumn, HeadColumn, OperationColumn, SelectColumn, TagInputColumn, TextPlainColumn, };
+export { Ediatable, DateTimePickerColumn, InputColumn, FixedColumn, HeadColumn, OperationColumn, SelectColumn, TagInputColumn, TextPlainColumn, CheckboxColumn, };
 export default Ediatable;

package/vue2/index.es.min.js

@@ -41711,7 +41711,7 @@ const random2 = () => `${_$1.random(0, 999999)}_${Date.now()}_${_$1.random(0, 99
 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" } };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "head-column",
   props: {
     fixed: { default: void 0 },
@@ -41847,7 +41847,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             ]),
             createElementVNode("div", _hoisted_3$1, [
               slots.append && !_ctx.renderAppend ? renderSlot(_ctx.$slots, "append", { key: 0 }) : createCommentVNode("v-if", true),
-              _ctx.renderAppend ? (openBlock(), createBlock(unref(RenderAppendElement), { key: 1 })) : createCommentVNode("v-if", true)
+              _ctx.renderAppend !== void 0 ? (openBlock(), createBlock(unref(RenderAppendElement), { key: 1 })) : createCommentVNode("v-if", true)
             ])
           ],
           2
@@ -41858,7 +41858,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 const renderTablekey = Symbol("renderTable");
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "ediatable",
   props: {
     theadList: { default: () => [] }
@@ -41921,7 +41921,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                     Fragment,
                     { key: 1 },
                     renderList(_ctx.theadList, (head, index2) => {
-                      return openBlock(), createBlock(_sfc_main$8, {
+                      return openBlock(), createBlock(_sfc_main$9, {
                         key: index2,
                         width: head.width,
                         "min-width": head.minWidth,
@@ -42067,7 +42067,7 @@ const _hoisted_1$5 = {
   key: 0,
   class: "input-error"
 };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "date-time-picker-column",
   props: /* @__PURE__ */ mergeModels({
     placeholder: { default: "" },
@@ -42161,7 +42161,7 @@ const _hoisted_1$4 = {
   key: 2,
   class: "blur-dispaly-main"
 };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "input-column",
   props: /* @__PURE__ */ mergeModels({
     placeholder: { default: "请输入" },
@@ -42327,7 +42327,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "fixed-column",
   props: {
     fixed: { default: "right" }
@@ -42356,7 +42356,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$3 = { class: "bk-ediatable-operation" };
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "operation-column",
   props: {
     removeable: { type: Boolean, default: true },
@@ -42381,7 +42381,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       emits("remove");
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$4, null, {
+      return openBlock(), createBlock(_sfc_main$5, null, {
         default: withCtx(() => [
           createElementVNode("div", _hoisted_1$3, [
             _ctx.showCopy ? (openBlock(), createElementBlock("div", {
@@ -42425,7 +42425,7 @@ const _hoisted_1$2 = {
   key: 0,
   class: "select-error"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "select-column",
   props: /* @__PURE__ */ mergeModels({
     list: { default: () => [] },
@@ -42587,7 +42587,7 @@ const _hoisted_1$1 = {
   class: "input-error"
 };
 const _hoisted_2$1 = { style: { "display": "none" } };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "tag-input-column",
   props: /* @__PURE__ */ mergeModels({
     placeholder: { default: "" },
@@ -42755,7 +42755,7 @@ const _hoisted_3 = {
   key: 2,
   class: "input-error"
 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "text-plain-column",
   props: {
     data: {},
@@ -42830,6 +42830,69 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "checkbox-column",
+  props: /* @__PURE__ */ mergeModels({
+    rules: { default: void 0 },
+    disabled: { type: Boolean, default: false }
+  }, {
+    "modelValue": { type: Boolean, ...{
+      default: false
+    } },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["submit", "error"], ["update:modelValue"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props2 = __props;
+    const emits = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const vBkTooltips = __webpack_exports__bkTooltips;
+    const { message: errorMessage, validator: validator11 } = useValidtor(props2.rules);
+    const handleChange = (value) => {
+      modelValue.value = value;
+      validator11(modelValue.value).then(() => {
+        emits("error", false);
+        emits("submit", value);
+      }).catch(() => emits("error", true));
+    };
+    __expose({
+      getValue() {
+        return validator11(modelValue.value).then(() => modelValue.value);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["bk-ediatable-checkbox", {
+            "is-error": Boolean(unref(errorMessage))
+          }])
+        },
+        [
+          createVNode(unref(__webpack_exports__default$5), mergeProps({
+            "model-value": modelValue.value,
+            disabled: _ctx.disabled
+          }, _ctx.$attrs, { onChange: handleChange }), null, 16, ["model-value", "disabled"]),
+          unref(errorMessage) ? withDirectives((openBlock(), createBlock(
+            unref(DbIcon),
+            {
+              key: 0,
+              class: "error-icon",
+              type: "exclamation-fill"
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          )), [
+            [unref(vBkTooltips), unref(errorMessage)]
+          ]) : createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
 const vue2 = {
   name: "Ediatable",
   props: {
@@ -42839,7 +42902,7 @@ const vue2 = {
     }
   },
   created() {
-    this.app = createApp(_sfc_main$7, {
+    this.app = createApp(_sfc_main$8, {
       theadList: this.theadList
     });
   },
@@ -42862,13 +42925,14 @@ const vue2 = {
   }
 };
 export {
-  _sfc_main$6 as DateTimePickerColumn,
-  _sfc_main$4 as FixedColumn,
-  _sfc_main$8 as HeadColumn,
-  _sfc_main$5 as InputColumn,
-  _sfc_main$3 as OperationColumn,
-  _sfc_main$2 as SelectColumn,
-  _sfc_main$1 as TagInputColumn,
-  _sfc_main as TextPlainColumn,
+  _sfc_main as CheckboxColumn,
+  _sfc_main$7 as DateTimePickerColumn,
+  _sfc_main$5 as FixedColumn,
+  _sfc_main$9 as HeadColumn,
+  _sfc_main$6 as InputColumn,
+  _sfc_main$4 as OperationColumn,
+  _sfc_main$3 as SelectColumn,
+  _sfc_main$2 as TagInputColumn,
+  _sfc_main$1 as TextPlainColumn,
   vue2 as default
 };