@ibiz-template/mob-vue3-components 0.0.1-alpha.19

package/es/editor/check-box/ibiz-checkbox/ibiz-checkbox.d.ts

@@ -0,0 +1,49 @@
+import { CheckBoxEditorController } from '../check-box-editor.controller';
+export declare const IBizCheckbox: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CheckBoxEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    editorModel: import("@ibiz/model-core").IEditor;
+    currentVal: import("vue").WritableComputedRef<boolean>;
+    editorRef: import("vue").Ref<any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: () => boolean;
+    focus: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CheckBoxEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

package/es/editor/check-box/ibiz-checkbox/ibiz-checkbox.mjs

@@ -0,0 +1,63 @@
+import { computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getCheckboxProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+
+"use strict";
+const IBizCheckbox = /* @__PURE__ */ defineComponent({
+  name: "IBizCheckbox",
+  props: getCheckboxProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    var _a, _b;
+    const ns = useNamespace("checkbox");
+    const c = props.controller;
+    const editorModel = c.model;
+    let selectValue = 1;
+    let nullValue = 0;
+    if ((_a = editorModel.editorParams) == null ? void 0 : _a.selectValue) {
+      selectValue = editorModel.editorParams.selectValue;
+    }
+    if ((_b = editorModel.editorParams) == null ? void 0 : _b.nullValue) {
+      nullValue = editorModel.editorParams.nullValue;
+    }
+    const currentVal = computed({
+      get() {
+        if (props.value === selectValue) {
+          return true;
+        }
+        return false;
+      },
+      set(val) {
+        let value;
+        if (val) {
+          value = selectValue;
+        } else {
+          value = nullValue;
+        }
+        emit("change", value);
+      }
+    });
+    const {
+      componentRef: editorRef
+    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    return {
+      ns,
+      editorModel,
+      currentVal,
+      editorRef
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b()],
+      "ref": "editorRef"
+    }, [createVNode(resolveComponent("van-checkbox"), {
+      "modelValue": this.currentVal,
+      "onUpdate:modelValue": ($event) => this.currentVal = $event,
+      "disabled": this.disabled || this.readonly
+    }, null)]);
+  }
+});
+
+export { IBizCheckbox };

package/es/editor/check-box/index.d.ts

@@ -0,0 +1,3 @@
+export { IBizCheckbox } from './ibiz-checkbox/ibiz-checkbox';
+export * from './check-box-editor.controller';
+export * from './check-box-editor.provider';

package/es/editor/check-box/index.mjs

@@ -0,0 +1,5 @@
+export { IBizCheckbox } from './ibiz-checkbox/ibiz-checkbox.mjs';
+export { CheckBoxEditorController } from './check-box-editor.controller.mjs';
+export { CheckBoxEditorProvider } from './check-box-editor.provider.mjs';
+
+"use strict";

package/es/editor/check-box-list/checkbox-list-editor.controller.d.ts

@@ -0,0 +1,18 @@
+import { CodeListEditorController } from '@ibiz-template/runtime';
+import { IAppCodeList, ICheckBoxList } from '@ibiz/model-core';
+/**
+ * 选项框列表编辑器控制器
+ * @return {*}
+ * @author: zhujiamin
+ * @Date: 2022-08-25 10:57:58
+ */
+export declare class CheckBoxListEditorController extends CodeListEditorController<ICheckBoxList> {
+    /**
+     * 代码表模型
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2023-05-24 10:55:50
+     */
+    codeList: IAppCodeList | undefined;
+    protected onInit(): Promise<void>;
+}

package/es/editor/check-box-list/checkbox-list-editor.controller.mjs

@@ -0,0 +1,30 @@
+import { CodeListEditorController } from '@ibiz-template/runtime';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class CheckBoxListEditorController extends CodeListEditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 代码表模型
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2023-05-24 10:55:50
+     */
+    __publicField(this, "codeList");
+  }
+  async onInit() {
+    super.onInit();
+    if (this.model.appCodeListId) {
+      const app = await ibiz.hub.getApp(this.context.srfappid);
+      this.codeList = app.codeList.getCodeList(this.model.appCodeListId);
+    }
+  }
+}
+
+export { CheckBoxListEditorController };

package/es/editor/check-box-list/checkbox-list-editor.provider.d.ts

@@ -0,0 +1,17 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { ICheckBoxList } from '@ibiz/model-core';
+import { CheckBoxListEditorController } from './checkbox-list-editor.controller';
+/**
+ * 多选框列表编辑器适配器
+ *
+ * @author lxm
+ * @date 2022-09-19 22:09:03
+ * @export
+ * @class CheckBoxListEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class CheckBoxListEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: ICheckBoxList, parentController: IEditorContainerController): Promise<CheckBoxListEditorController>;
+}

package/es/editor/check-box-list/checkbox-list-editor.provider.mjs

@@ -0,0 +1,22 @@
+import { CheckBoxListEditorController } from './checkbox-list-editor.controller.mjs';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class CheckBoxListEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizCheckboxList");
+    __publicField(this, "gridEditor", "IBizCheckboxList");
+  }
+  async createController(editorModel, parentController) {
+    const c = new CheckBoxListEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+export { CheckBoxListEditorProvider };

package/es/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.css

@@ -0,0 +1 @@
+.ibiz-checkbox-list{--ibiz-checkbox-list-padding:var(--ibiz-spacing-tight) 0;--ibiz-checkbox-list-gap:var(--ibiz-spacing-tight);height:100%;padding:var(--ibiz-checkbox-list-padding)}.ibiz-checkbox-list .van-checkbox-group{height:100%}.ibiz-checkbox-list .van-checkbox--horizontal{margin:0}.ibiz-checkbox-list .van-checkbox-group--horizontal{gap:var(--ibiz-checkbox-list-gap)}.ibiz-checkbox-list__text{font-size:var(--ibiz-form-item-font-size);color:var(--ibiz-form-item-text-color)}.ibiz-checkbox-list--readonly{color:var(--ibiz-form-item-readonly-color)}

package/es/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.d.ts

@@ -0,0 +1,52 @@
+import './ibiz-checkbox-list.scss';
+import { CheckBoxListEditorController } from '../checkbox-list-editor.controller';
+export declare const IBizCheckboxList: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CheckBoxListEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    items: import("vue").Ref<readonly IData[]>;
+    selectArray: import("vue").WritableComputedRef<(string | number)[]>;
+    valueText: import("vue").ComputedRef<string>;
+    editorRef: import("vue").Ref<any>;
+    onSelectArrayChange: (value: Array<string | number>) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: () => boolean;
+    focus: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CheckBoxListEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

package/es/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.mjs

@@ -0,0 +1,142 @@
+import { isVNode, ref, watch, computed, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getCheckboxListProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { isNil, equals } from 'ramda';
+import './ibiz-checkbox-list.css';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const IBizCheckboxList = /* @__PURE__ */ defineComponent({
+  name: "IBizCheckboxList",
+  props: getCheckboxListProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("checkbox-list");
+    const c = props.controller;
+    const codeList = c.codeList;
+    const items = ref([]);
+    watch(() => props.data, (newVal) => {
+      c.loadCodeList(newVal).then((_codeList) => {
+        items.value = _codeList;
+      });
+    }, {
+      immediate: true,
+      deep: true
+    });
+    const currentMode = computed(() => {
+      if (codeList && codeList.orMode) {
+        return codeList.orMode.toLowerCase();
+      }
+      return "str";
+    });
+    let valueSeparator = ",";
+    if (codeList && codeList.valueSeparator) {
+      valueSeparator = codeList.valueSeparator;
+    }
+    const selectArray = computed({
+      get() {
+        if (!isNil(props.value)) {
+          if (Object.is(currentMode.value, "num") && items) {
+            const selectsArray = [];
+            const num = typeof props.value === "string" ? parseInt(props.value, 10) : props.value;
+            items.value.forEach((item) => {
+              if ((num & item.value) === item.value) {
+                selectsArray.push(item.value);
+              }
+            });
+            return selectsArray;
+          }
+          if (Object.is(currentMode.value, "str")) {
+            const strVal = props.value;
+            if (strVal !== "") {
+              if (codeList) {
+                const selects = strVal.split(valueSeparator);
+                if (codeList.codeItemValueNumber) {
+                  for (let i = 0, len = selects.length; i < len; i++) {
+                    selects[i] = Number(selects[i]);
+                  }
+                }
+                return selects;
+              }
+              return strVal.split(",");
+            }
+          }
+        }
+        return [];
+      },
+      set(val) {
+        let value = null;
+        if (Object.is(currentMode.value, "num")) {
+          let temp = 0;
+          val.forEach((item) => {
+            const numVal = typeof item === "string" ? parseInt(item, 10) : item;
+            temp |= numVal;
+          });
+          value = temp;
+        } else if (Object.is(currentMode.value, "str")) {
+          const _datas = [];
+          if (items.value.length > 0) {
+            items.value.forEach((_item) => {
+              const index = val.findIndex((_key) => Object.is(_item.value, _key));
+              if (index === -1) {
+                return;
+              }
+              _datas.push(_item.value);
+            });
+            value = _datas.join(valueSeparator);
+          }
+        }
+        emit("change", value);
+      }
+    });
+    const onSelectArrayChange = (value) => {
+      if (equals(value, selectArray.value)) {
+        return;
+      }
+      selectArray.value = value;
+    };
+    const valueText = computed(() => {
+      const valueArr = Array.isArray(selectArray.value) ? selectArray.value : [selectArray.value];
+      return items.value.filter((item) => valueArr.includes(item.value)).map((item) => item.text).join(",");
+    });
+    const {
+      componentRef: editorRef
+    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    return {
+      ns,
+      items,
+      selectArray,
+      valueText,
+      editorRef,
+      onSelectArrayChange
+    };
+  },
+  render() {
+    let _slot;
+    return createVNode("div", {
+      "ref": "editorRef",
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [this.readonly ? this.valueText : createVNode(resolveComponent("van-checkbox-group"), {
+      "direction": "horizontal",
+      "modelValue": this.selectArray,
+      "onUpdate:modelValue": ($event) => this.selectArray = $event,
+      "onChange": this.onSelectArrayChange
+    }, _isSlot(_slot = this.items.map((item, index) => createVNode(resolveComponent("van-checkbox"), {
+      "shape": "square",
+      "key": index,
+      "name": item.value,
+      "disabled": this.disabled
+    }, {
+      default: () => [createVNode("span", {
+        "class": this.ns.e("text")
+      }, [item.text])]
+    }))) ? _slot : {
+      default: () => [_slot]
+    })]);
+  }
+});
+
+export { IBizCheckboxList };

package/es/editor/check-box-list/index.d.ts

@@ -0,0 +1,3 @@
+export { IBizCheckboxList } from './ibiz-checkbox-list/ibiz-checkbox-list';
+export * from './checkbox-list-editor.controller';
+export * from './checkbox-list-editor.provider';

package/es/editor/check-box-list/index.mjs

@@ -0,0 +1,5 @@
+export { IBizCheckboxList } from './ibiz-checkbox-list/ibiz-checkbox-list.mjs';
+export { CheckBoxListEditorController } from './checkbox-list-editor.controller.mjs';
+export { CheckBoxListEditorProvider } from './checkbox-list-editor.provider.mjs';
+
+"use strict";

package/es/editor/color-picker/color-picker-editor.controller.d.ts

@@ -0,0 +1,13 @@
+import { EditorController } from '@ibiz-template/runtime';
+import { ITextBox } from '@ibiz/model-core';
+/**
+ * 颜色选择器控制器
+ *
+ * @author zzq
+ * @date 2323-8-14 19:42:00
+ * @export
+ * @class ColorPickerEditorController
+ * @extends {EditorController}
+ */
+export declare class ColorPickerEditorController extends EditorController<ITextBox> {
+}

package/es/editor/color-picker/color-picker-editor.controller.mjs

@@ -0,0 +1,7 @@
+import { EditorController } from '@ibiz-template/runtime';
+
+"use strict";
+class ColorPickerEditorController extends EditorController {
+}
+
+export { ColorPickerEditorController };

package/es/editor/color-picker/color-picker-editor.provider.d.ts

@@ -0,0 +1,17 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { ITextBox } from '@ibiz/model-core';
+import { ColorPickerEditorController } from './color-picker-editor.controller';
+/**
+ * 颜色选择器适配器
+ *
+ * @author zzq
+ * @date 2323-8-14 19:42:00
+ * @export
+ * @class ColorPickerEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class ColorPickerEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: ITextBox, parentController: IEditorContainerController): Promise<ColorPickerEditorController>;
+}

package/es/editor/color-picker/color-picker-editor.provider.mjs

@@ -0,0 +1,22 @@
+import { ColorPickerEditorController } from './color-picker-editor.controller.mjs';
+
+"use strict";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+class ColorPickerEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizColorPicker");
+    __publicField(this, "gridEditor", "IBizColorPicker");
+  }
+  async createController(editorModel, parentController) {
+    const c = new ColorPickerEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+export { ColorPickerEditorProvider };

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.css

@@ -0,0 +1 @@
+.ibiz-color-picker{height:100%;display:flex;align-items:center;justify-content:space-between}.ibiz-color-picker__picker.van-field{width:var(--ibiz-spacing-loose);height:var(--ibiz-spacing-loose);margin-right:var(--ibiz-spacing-tight)}.ibiz-color-picker__item{display:inline-block;width:auto;color:inherit}.ibiz-color-picker__item .van-field__value{height:100%;color:inherit}.ibiz-color-picker__item .van-field__value .van-field__control{color:inherit}

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.d.ts

@@ -0,0 +1,53 @@
+import './ibiz-color-picker.scss';
+import { ColorPickerEditorController } from '../color-picker-editor.controller';
+export declare const IBizColorPicker: import("vue").DefineComponent<{
+    value: StringConstructor;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<ColorPickerEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    ns: import("@ibiz-template/core").Namespace;
+    c: ColorPickerEditorController;
+    currentVal: import("vue").Ref<string | null>;
+    handleChange: (e: IData) => void;
+    inputRef: import("vue").Ref<any>;
+    onFocus: () => void;
+    onBlur: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: () => boolean;
+    focus: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: StringConstructor;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<ColorPickerEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, undefined, undefined>;
+    disabled: {
+        type: BooleanConstructor;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autoFocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+}, {
+    disabled: boolean;
+    readonly: boolean;
+    autoFocus: boolean;
+}, {}>;

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.mjs

@@ -0,0 +1,94 @@
+import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getColorPickerProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import './ibiz-color-picker.css';
+
+"use strict";
+const IBizColorPicker = /* @__PURE__ */ defineComponent({
+  name: "IBizColorPicker",
+  props: getColorPickerProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("color-picker");
+    const c = props.controller;
+    const currentVal = ref("");
+    watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (!newVal) {
+          currentVal.value = "";
+        } else {
+          currentVal.value = newVal;
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const handleChange = (e) => {
+      if (!e) {
+        return;
+      }
+      const {
+        target
+      } = e;
+      if (!target) {
+        return;
+      }
+      const {
+        value
+      } = target;
+      emit("change", value);
+    };
+    const inputRef = ref();
+    const onFocus = () => {
+      emit("focus");
+    };
+    const onBlur = () => {
+      emit("blur");
+    };
+    return {
+      ns,
+      c,
+      currentVal,
+      handleChange,
+      inputRef,
+      onFocus,
+      onBlur
+    };
+  },
+  render() {
+    let content = null;
+    if (this.readonly) {
+      content = `${this.currentVal}`;
+    } else {
+      content = [createVNode(resolveComponent("van-field"), {
+        "class": [this.ns.e("item")],
+        "modelValue": this.currentVal,
+        "onUpdate:modelValue": ($event) => this.currentVal = $event,
+        "disabled": this.disabled,
+        "placeholder": this.c.placeHolder,
+        "onFocus": this.onFocus,
+        "onBlur": this.onBlur,
+        "readonly": true
+      }, null), createVNode(resolveComponent("van-field"), {
+        "class": [this.ns.e("item"), this.ns.e("picker")],
+        "modelValue": this.currentVal,
+        "onUpdate:modelValue": ($event) => this.currentVal = $event,
+        "disabled": this.disabled,
+        "placeholder": this.c.placeHolder,
+        "onInput": this.handleChange,
+        "onFocus": this.onFocus,
+        "onBlur": this.onBlur,
+        "type": "color"
+      }, null)];
+    }
+    return createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""],
+      "style": {
+        color: this.currentVal || ""
+      }
+    }, [content]);
+  }
+});
+
+export { IBizColorPicker };

package/es/editor/color-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { IBizColorPicker } from './ibiz-color-picker/ibiz-color-picker';
+export * from './color-picker-editor.controller';
+export * from './color-picker-editor.provider';

package/es/editor/color-picker/index.mjs

@@ -0,0 +1,5 @@
+export { IBizColorPicker } from './ibiz-color-picker/ibiz-color-picker.mjs';
+export { ColorPickerEditorController } from './color-picker-editor.controller.mjs';
+export { ColorPickerEditorProvider } from './color-picker-editor.provider.mjs';
+
+"use strict";

package/es/editor/common/right-icon/right-icon.css

@@ -0,0 +1 @@
+.ibiz-editor-right-icon{font-size:var(--ibiz-font-size-header-4)}

package/es/editor/common/right-icon/right-icon.d.ts

@@ -0,0 +1,4 @@
+import './right-icon.scss';
+export declare const IBizCommonRightIcon: import("vue").DefineComponent<{}, {
+    ns: import("@ibiz-template/core").Namespace;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;