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

package/vue3/index.umd.min.js

@@ -539,6 +539,26 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
   align-items: center;
   cursor: pointer;
 }
+.bk-ediatable-checkbox {
+  position: relative;
+  min-height: 42px;
+  cursor: pointer;
+  background: #fff;
+  padding-left: 16px;
+  display: flex;
+  align-items: center;
+}
+.bk-ediatable-checkbox.is-error {
+  background-color: #fff0f1;
+}
+.bk-ediatable-checkbox .error-icon {
+  position: absolute;
+  top: 14px;
+  right: 10px;
+  display: flex;
+  font-size: 14px;
+  color: #ea3636;
+}
 `;
   document.head.appendChild(__vite_style__);
   var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
@@ -8894,7 +8914,7 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
   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__ */ vue.defineComponent({
+  const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     __name: "head-column",
     props: {
       fixed: { default: void 0 },
@@ -9030,7 +9050,7 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
               ]),
               vue.createElementVNode("div", _hoisted_3$1, [
                 slots.append && !_ctx.renderAppend ? vue.renderSlot(_ctx.$slots, "append", { key: 0 }) : vue.createCommentVNode("v-if", true),
-                _ctx.renderAppend ? (vue.openBlock(), vue.createBlock(vue.unref(RenderAppendElement), { key: 1 })) : vue.createCommentVNode("v-if", true)
+                _ctx.renderAppend !== void 0 ? (vue.openBlock(), vue.createBlock(vue.unref(RenderAppendElement), { key: 1 })) : vue.createCommentVNode("v-if", true)
               ])
             ],
             2
@@ -9041,7 +9061,7 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
     }
   });
   const renderTablekey = Symbol("renderTable");
-  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     __name: "ediatable",
     props: {
       theadList: { default: () => [] }
@@ -9104,7 +9124,7 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
                       vue.Fragment,
                       { key: 1 },
                       vue.renderList(_ctx.theadList, (head, index) => {
-                        return vue.openBlock(), vue.createBlock(_sfc_main$8, {
+                        return vue.openBlock(), vue.createBlock(_sfc_main$9, {
                           key: index,
                           width: head.width,
                           "min-width": head.minWidth,
@@ -9250,7 +9270,7 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
     key: 0,
     class: "input-error"
   };
-  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     __name: "date-time-picker-column",
     props: /* @__PURE__ */ vue.mergeModels({
       placeholder: { default: "" },
@@ -9344,7 +9364,7 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
     key: 2,
     class: "blur-dispaly-main"
   };
-  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     __name: "input-column",
     props: /* @__PURE__ */ vue.mergeModels({
       placeholder: { default: "请输入" },
@@ -9510,7 +9530,7 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
       };
     }
   });
-  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     __name: "fixed-column",
     props: {
       fixed: { default: "right" }
@@ -9539,7 +9559,7 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
     }
   });
   const _hoisted_1$3 = { class: "bk-ediatable-operation" };
-  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     __name: "operation-column",
     props: {
       removeable: { type: Boolean, default: true },
@@ -9564,7 +9584,7 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
         emits("remove");
       };
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$4, null, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$5, null, {
           default: vue.withCtx(() => [
             vue.createElementVNode("div", _hoisted_1$3, [
               _ctx.showCopy ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -9608,7 +9628,7 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
     key: 0,
     class: "select-error"
   };
-  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     __name: "select-column",
     props: /* @__PURE__ */ vue.mergeModels({
       list: { default: () => [] },
@@ -9622,7 +9642,7 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
       displayKey: { default: "label" },
       idKey: { default: "value" }
     }, {
-      "modelValue": { type: [Number, String, Array, Boolean] },
+      "modelValue": { type: [Boolean, Number, String, Array] },
       "modelModifiers": {}
     }),
     emits: /* @__PURE__ */ vue.mergeModels(["change", "error"], ["update:modelValue"]),
@@ -9770,7 +9790,7 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
     class: "input-error"
   };
   const _hoisted_2$1 = { style: { "display": "none" } };
-  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     __name: "tag-input-column",
     props: /* @__PURE__ */ vue.mergeModels({
       placeholder: { default: "" },
@@ -9938,7 +9958,7 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
     key: 2,
     class: "input-error"
   };
-  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     __name: "text-plain-column",
     props: {
       data: {},
@@ -10013,15 +10033,79 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
       };
     }
   });
-  exports2.DateTimePickerColumn = _sfc_main$6;
-  exports2.Ediatable = _sfc_main$7;
-  exports2.FixedColumn = _sfc_main$4;
-  exports2.HeadColumn = _sfc_main$8;
-  exports2.InputColumn = _sfc_main$5;
-  exports2.OperationColumn = _sfc_main$3;
-  exports2.SelectColumn = _sfc_main$2;
-  exports2.TagInputColumn = _sfc_main$1;
-  exports2.TextPlainColumn = _sfc_main;
-  exports2.default = _sfc_main$7;
+  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+    __name: "checkbox-column",
+    props: /* @__PURE__ */ vue.mergeModels({
+      rules: { default: void 0 },
+      disabled: { type: Boolean, default: false }
+    }, {
+      "modelValue": { type: Boolean, ...{
+        default: false
+      } },
+      "modelModifiers": {}
+    }),
+    emits: /* @__PURE__ */ vue.mergeModels(["submit", "error"], ["update:modelValue"]),
+    setup(__props, { expose: __expose, emit: __emit }) {
+      const props = __props;
+      const emits = __emit;
+      const modelValue = vue.useModel(__props, "modelValue");
+      const vBkTooltips = bkuiVue.bkTooltips;
+      const { message: errorMessage, validator } = useValidtor(props.rules);
+      const handleChange = (value) => {
+        modelValue.value = value;
+        validator(modelValue.value).then(() => {
+          emits("error", false);
+          emits("submit", value);
+        }).catch(() => emits("error", true));
+      };
+      __expose({
+        getValue() {
+          return validator(modelValue.value).then(() => modelValue.value);
+        }
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock(
+          "div",
+          {
+            class: vue.normalizeClass(["bk-ediatable-checkbox", {
+              "is-error": Boolean(vue.unref(errorMessage))
+            }])
+          },
+          [
+            vue.createVNode(vue.unref(bkuiVue.Checkbox), vue.mergeProps({
+              "model-value": modelValue.value,
+              disabled: _ctx.disabled
+            }, _ctx.$attrs, { onChange: handleChange }), null, 16, ["model-value", "disabled"]),
+            vue.unref(errorMessage) ? vue.withDirectives((vue.openBlock(), vue.createBlock(
+              vue.unref(DbIcon),
+              {
+                key: 0,
+                class: "error-icon",
+                type: "exclamation-fill"
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            )), [
+              [vue.unref(vBkTooltips), vue.unref(errorMessage)]
+            ]) : vue.createCommentVNode("v-if", true)
+          ],
+          2
+          /* CLASS */
+        );
+      };
+    }
+  });
+  exports2.CheckboxColumn = _sfc_main;
+  exports2.DateTimePickerColumn = _sfc_main$7;
+  exports2.Ediatable = _sfc_main$8;
+  exports2.FixedColumn = _sfc_main$5;
+  exports2.HeadColumn = _sfc_main$9;
+  exports2.InputColumn = _sfc_main$6;
+  exports2.OperationColumn = _sfc_main$4;
+  exports2.SelectColumn = _sfc_main$3;
+  exports2.TagInputColumn = _sfc_main$2;
+  exports2.TextPlainColumn = _sfc_main$1;
+  exports2.default = _sfc_main$8;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 });

package/vue3/vue3.css

@@ -534,3 +534,23 @@ url("data:application/vnd.ms-fontobject;base64,cAkAAMgIAAABAAIAAAAAAAIABQMAAAAAA
   align-items: center;
   cursor: pointer;
 }
+.bk-ediatable-checkbox {
+  position: relative;
+  min-height: 42px;
+  cursor: pointer;
+  background: #fff;
+  padding-left: 16px;
+  display: flex;
+  align-items: center;
+}
+.bk-ediatable-checkbox.is-error {
+  background-color: #fff0f1;
+}
+.bk-ediatable-checkbox .error-icon {
+  position: absolute;
+  top: 14px;
+  right: 10px;
+  display: flex;
+  font-size: 14px;
+  color: #ea3636;
+}