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

package/vue2/vue2.css

@@ -3325,3 +3325,23 @@ span.undefined-date-picker-cells-cell-disabled.undefined-date-picker-cells-cell-
   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;
+}

package/vue3/index.es.min.js

@@ -1,5 +1,5 @@
 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, mergeModels, useModel, useAttrs, createVNode, mergeProps, createSlots, nextTick } from "vue";
-import { bkTooltips, DatePicker, Input, Select, TagInput, Loading } from "bkui-vue";
+import { bkTooltips, DatePicker, Input, Select, TagInput, Loading, Checkbox } from "bkui-vue";
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -8353,7 +8353,7 @@ const random = () => `${_.random(0, 999999)}_${Date.now()}_${_.random(0, 999999)
 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 },
@@ -8489,7 +8489,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
@@ -8500,7 +8500,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: () => [] }
@@ -8563,7 +8563,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                     Fragment,
                     { key: 1 },
                     renderList(_ctx.theadList, (head, index) => {
-                      return openBlock(), createBlock(_sfc_main$8, {
+                      return openBlock(), createBlock(_sfc_main$9, {
                         key: index,
                         width: head.width,
                         "min-width": head.minWidth,
@@ -8709,7 +8709,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: "" },
@@ -8803,7 +8803,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: "请输入" },
@@ -8969,7 +8969,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" }
@@ -8998,7 +8998,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 },
@@ -9023,7 +9023,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", {
@@ -9067,7 +9067,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: () => [] },
@@ -9229,7 +9229,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: "" },
@@ -9397,7 +9397,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: {},
@@ -9472,15 +9472,79 @@ 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 props = __props;
+    const emits = __emit;
+    const modelValue = useModel(__props, "modelValue");
+    const vBkTooltips = 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 openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(["bk-ediatable-checkbox", {
+            "is-error": Boolean(unref(errorMessage))
+          }])
+        },
+        [
+          createVNode(unref(Checkbox), 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 */
+      );
+    };
+  }
+});
 export {
-  _sfc_main$6 as DateTimePickerColumn,
-  _sfc_main$7 as Ediatable,
-  _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$7 as default
+  _sfc_main as CheckboxColumn,
+  _sfc_main$7 as DateTimePickerColumn,
+  _sfc_main$8 as Ediatable,
+  _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,
+  _sfc_main$8 as default
 };