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

package/es/editor/stepper/ibiz-stepper/ibiz-stepper.mjs

@@ -0,0 +1,90 @@
+import { computed, ref, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getStepperProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import { toNumber } from 'lodash-es';
+import './ibiz-stepper.css';
+
+"use strict";
+const IBizStepper = /* @__PURE__ */ defineComponent({
+  name: "IBizStepper",
+  props: getStepperProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("stepper");
+    const c = props.controller;
+    const editorModel = c.model;
+    const currentVal = computed(() => {
+      return props.value;
+    });
+    let step = 1;
+    let precision = 0;
+    let max = Infinity;
+    let min = -Infinity;
+    if (editorModel.editorParams) {
+      if (editorModel.editorParams.stepValue) {
+        step = toNumber(editorModel.editorParams.stepValue);
+      }
+      if (editorModel.editorParams.precision) {
+        precision = toNumber(editorModel.editorParams.precision);
+      }
+      if (editorModel.editorParams.maxValue) {
+        max = toNumber(editorModel.editorParams.maxValue);
+      }
+      if (editorModel.editorParams.minValue) {
+        min = toNumber(editorModel.editorParams.minValue);
+      }
+    }
+    const handleChange = (e) => {
+      if (e == props.value) {
+        return;
+      }
+      emit("change", e);
+    };
+    const inputRef = ref();
+    const onFocus = () => {
+      emit("focus");
+    };
+    const onBlur = () => {
+      emit("blur");
+    };
+    return {
+      ns,
+      c,
+      currentVal,
+      handleChange,
+      inputRef,
+      step,
+      precision,
+      max,
+      min,
+      onFocus,
+      onBlur
+    };
+  },
+  render() {
+    let content = null;
+    if (this.readonly) {
+      content = `${this.currentVal}`;
+    } else {
+      content = [createVNode(resolveComponent("van-stepper"), {
+        "ref": "inputRef",
+        "modelValue": this.currentVal,
+        "placeholder": this.c.placeHolder,
+        "decimal-length": this.precision,
+        "min": this.min,
+        "max": this.max,
+        "step": this.step,
+        "disabled": this.disabled,
+        "onChange": this.handleChange,
+        "onFocus": this.onFocus,
+        "onBlur": this.onBlur
+      }, null)];
+    }
+    return createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [content]);
+  }
+});
+
+export { IBizStepper };

package/es/editor/stepper/index.d.ts

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

package/es/editor/stepper/index.mjs

@@ -0,0 +1,5 @@
+export { IBizStepper } from './ibiz-stepper/ibiz-stepper.mjs';
+export { StepperEditorController } from './stepper-editor.controller.mjs';
+export { StepperEditorProvider } from './stepper-editor.provider.mjs';
+
+"use strict";

package/es/editor/stepper/stepper-editor.controller.d.ts

@@ -0,0 +1,18 @@
+import { EditorController } from '@ibiz-template/runtime';
+import { IStepper } from '@ibiz/model-core';
+/**
+ * 步进器编辑器控制器
+ *
+ * @export
+ * @class StepperEditorController
+ * @extends {EditorController}
+ */
+export declare class StepperEditorController extends EditorController<IStepper> {
+    /**
+     * 占位
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2022-08-25 14:33:14
+     */
+    placeHolder: string;
+}

package/es/editor/stepper/stepper-editor.controller.mjs

@@ -0,0 +1,23 @@
+import { EditorController } 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 StepperEditorController extends EditorController {
+  constructor() {
+    super(...arguments);
+    /**
+     * 占位
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2022-08-25 14:33:14
+     */
+    __publicField(this, "placeHolder", "\u8BF7\u8F93\u5165");
+  }
+}
+
+export { StepperEditorController };

package/es/editor/stepper/stepper-editor.provider.d.ts

@@ -0,0 +1,15 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { IStepper } from '@ibiz/model-core';
+import { StepperEditorController } from './stepper-editor.controller';
+/**
+ * 步进器编辑器适配器
+ *
+ * @export
+ * @class StepperEditorProvider
+ * @implements {EditorProvider}
+ */
+export declare class StepperEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: IStepper, parentController: IEditorContainerController): Promise<StepperEditorController>;
+}

package/es/editor/stepper/stepper-editor.provider.mjs

@@ -0,0 +1,22 @@
+import { StepperEditorController } from './stepper-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 StepperEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizStepper");
+    __publicField(this, "gridEditor", "IBizStepper");
+  }
+  async createController(editorModel, parentController) {
+    const c = new StepperEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+export { StepperEditorProvider };

package/es/editor/switch/ibiz-switch/ibiz-switch.css

@@ -0,0 +1 @@
+.ibiz-switch{width:100%;height:100%}

package/es/editor/switch/ibiz-switch/ibiz-switch.d.ts

@@ -0,0 +1,50 @@
+import './ibiz-switch.scss';
+import { SwitchEditorController } from '../switch-editor.controller';
+export declare const IBizSwitch: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<SwitchEditorController>, 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;
+    currentVal: import("vue").Ref<boolean>;
+    handleChange: (currentValue: boolean) => void;
+    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<SwitchEditorController>, 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/switch/ibiz-switch/ibiz-switch.mjs

@@ -0,0 +1,53 @@
+import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getSwitchProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import './ibiz-switch.css';
+
+"use strict";
+const IBizSwitch = /* @__PURE__ */ defineComponent({
+  name: "IBizSwitch",
+  props: getSwitchProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("switch");
+    const currentVal = ref(false);
+    watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (!newVal) {
+          currentVal.value = false;
+        } else {
+          currentVal.value = props.value == 1;
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const handleChange = (currentValue) => {
+      const emitValue = currentValue === true ? 1 : 0;
+      emit("change", emitValue);
+    };
+    const {
+      componentRef: editorRef
+    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    return {
+      ns,
+      currentVal,
+      handleChange,
+      editorRef
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": [this.ns.b()],
+      "ref": "editorRef"
+    }, [createVNode(resolveComponent("van-switch"), {
+      "modelValue": this.currentVal,
+      "onUpdate:modelValue": ($event) => this.currentVal = $event,
+      "disabled": this.disabled || this.readonly,
+      "onChange": this.handleChange
+    }, null)]);
+  }
+});
+
+export { IBizSwitch };

package/es/editor/switch/index.d.ts

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

package/es/editor/switch/index.mjs

@@ -0,0 +1,5 @@
+export { IBizSwitch } from './ibiz-switch/ibiz-switch.mjs';
+export { SwitchEditorController } from './switch-editor.controller.mjs';
+export { SwitchEditorProvider } from './switch-editor.provider.mjs';
+
+"use strict";

package/es/editor/switch/switch-editor.controller.d.ts

@@ -0,0 +1,11 @@
+import { EditorController } from '@ibiz-template/runtime';
+import { ICheckBox } from '@ibiz/model-core';
+/**
+ * 开关编辑器控制器
+ *
+ * @export
+ * @class SwitchEditorController
+ * @extends {EditorController}
+ */
+export declare class SwitchEditorController extends EditorController<ICheckBox> {
+}

package/es/editor/switch/switch-editor.controller.mjs

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

package/es/editor/switch/switch-editor.provider.d.ts

@@ -0,0 +1,15 @@
+import { IEditorContainerController, IEditorProvider } from '@ibiz-template/runtime';
+import { ICheckBox } from '@ibiz/model-core';
+import { SwitchEditorController } from './switch-editor.controller';
+/**
+ * 开关编辑器适配器
+ *
+ * @export
+ * @class SwitchEditorProvider
+ * @implements {IEditorProvider}
+ */
+export declare class SwitchEditorProvider implements IEditorProvider {
+    formEditor: string;
+    gridEditor: string;
+    createController(editorModel: ICheckBox, parentController: IEditorContainerController): Promise<SwitchEditorController>;
+}

package/es/editor/switch/switch-editor.provider.mjs

@@ -0,0 +1,22 @@
+import { SwitchEditorController } from './switch-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 SwitchEditorProvider {
+  constructor() {
+    __publicField(this, "formEditor", "IBizSwitch");
+    __publicField(this, "gridEditor", "IBizSwitch");
+  }
+  async createController(editorModel, parentController) {
+    const c = new SwitchEditorController(editorModel, parentController);
+    await c.init();
+    return c;
+  }
+}
+
+export { SwitchEditorProvider };

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.css

@@ -0,0 +1 @@
+.ibiz-input-number{height:100%}.ibiz-input-number input{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-input-number input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input-number input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-input-number--readonly{color:var(--ibiz-form-item-readonly-color);word-break:break-word;white-space:pre-wrap}.ibiz-input-number .ibiz-input-number__unit{margin-left:10px;font-size:var(--ibiz-form-item-font-size);font-style:normal}

package/es/editor/text-box/ibiz-input-number/ibiz-input-number.d.ts

@@ -0,0 +1,54 @@
+import './ibiz-input-number.scss';
+import { TextBoxEditorController } from '../text-box-editor.controller';
+export declare const IBizInputNumber: import("vue").DefineComponent<{
+    value: NumberConstructor;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, 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: TextBoxEditorController;
+    currentVal: import("vue").Ref<number | undefined>;
+    handleChange: (evt: IData) => void;
+    inputRef: import("vue").Ref<any>;
+    onFocus: () => void;
+    onBlur: () => void;
+    show: import("vue").Ref<boolean>;
+}, 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: NumberConstructor;
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, 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/text-box/ibiz-input-number/ibiz-input-number.mjs

@@ -0,0 +1,92 @@
+import { ref, watch, resolveComponent, createVNode, defineComponent } from 'vue';
+import { getInputNumberProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import './ibiz-input-number.css';
+import { floor } from 'lodash-es';
+
+"use strict";
+const IBizInputNumber = /* @__PURE__ */ defineComponent({
+  name: "IBizInputNumber",
+  props: getInputNumberProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("input-number");
+    const c = props.controller;
+    const currentVal = ref(void 0);
+    const show = ref(false);
+    const oldEmitVal = ref(void 0);
+    watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        const number = Number(newVal);
+        currentVal.value = Number.isNaN(number) ? void 0 : number;
+      }
+    }, {
+      immediate: true
+    });
+    const handleChange = (evt) => {
+      const value = Number(evt.target.value);
+      const emitValue = evt.target.value ? floor(value, c.precision) : void 0;
+      if (emitValue === oldEmitVal.value) {
+        return;
+      }
+      emit("change", emitValue);
+      oldEmitVal.value = Number(emitValue);
+    };
+    const inputRef = ref();
+    if (props.autoFocus) {
+      watch(inputRef, (newVal) => {
+        if (newVal) {
+          const input = newVal.$el.getElementsByTagName("input")[0];
+          input.focus();
+        }
+      });
+    }
+    const onFocus = () => {
+      emit("focus");
+    };
+    const onBlur = () => {
+      emit("blur");
+    };
+    return {
+      ns,
+      c,
+      currentVal,
+      handleChange,
+      inputRef,
+      onFocus,
+      onBlur,
+      show
+    };
+  },
+  render() {
+    const {
+      unitName
+    } = this.c.parent;
+    let content = null;
+    if (this.readonly) {
+      content = `${this.currentVal}`;
+      if (content && unitName) {
+        content += unitName;
+      }
+    } else {
+      content = [createVNode(resolveComponent("van-field"), {
+        "ref": "inputRef",
+        "modelValue": this.currentVal,
+        "placeholder": this.c.placeHolder,
+        "precision": this.c.model.precision,
+        "disabled": this.disabled,
+        "onFocus": this.onFocus,
+        "onBlur": this.onBlur,
+        "onInput": this.handleChange
+      }, null), unitName && createVNode("i", {
+        "class": this.ns.e("unit")
+      }, [unitName])];
+    }
+    return createVNode("div", {
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : ""]
+    }, [content]);
+  }
+});
+
+export { IBizInputNumber };

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

@@ -0,0 +1,4 @@
+export { IBizInput } from './input/input';
+export { IBizInputNumber } from './ibiz-input-number/ibiz-input-number';
+export * from './text-box-editor.controller';
+export * from './text-box-editor.provider';

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

@@ -0,0 +1,6 @@
+export { IBizInput } from './input/input.mjs';
+export { IBizInputNumber } from './ibiz-input-number/ibiz-input-number.mjs';
+export { TextBoxEditorController } from './text-box-editor.controller.mjs';
+export { TextBoxEditorProvider } from './text-box-editor.provider.mjs';
+
+"use strict";

package/es/editor/text-box/input/input.css

@@ -0,0 +1 @@
+.ibiz-input{height:100%}.ibiz-input input{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-form-item-line-height);color:var(--ibiz-form-item-text-color);border-color:var(--ibiz-form-item-border-color)}.ibiz-input input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-input input:disabled{color:var(--ibiz-form-item-disabled-color);background-color:var(--ibiz-form-item-disabled-bg-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-input--readonly{color:var(--ibiz-form-item-readonly-color)}.ibiz-input .ibiz-input__unit{font-size:var(--ibiz-form-item-font-size);font-style:normal}

package/es/editor/text-box/input/input.d.ts

@@ -0,0 +1,56 @@
+import './input.scss';
+import { TextBoxEditorController } from '../text-box-editor.controller';
+export declare const IBizInput: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<TextBoxEditorController>, 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;
+    };
+}, {
+    c: TextBoxEditorController;
+    ns: import("@ibiz-template/core").Namespace;
+    rows: import("vue").Ref<number>;
+    type: import("vue").ComputedRef<"text" | "password" | "textarea">;
+    currentVal: import("vue").Ref<string | number>;
+    handleChange: (evt: IData) => void;
+    handleKeyUp: (e: KeyboardEvent) => void;
+    onBlur: (event: IData) => void;
+    onFocus: () => void;
+    inputRef: 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<TextBoxEditorController>, 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;
+}, {}>;