@gct-paas/design-web 0.1.4-dev.9 → 0.1.5-dev.0

package/es/components/I18nSelect/src/i18n-select-input.vue2.mjs

@@ -1,129 +0,0 @@
-import { defineComponent, computed, ref, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createVNode, mergeProps, unref, createCommentVNode } from 'vue';
-import I18nSelectBtn from './i18n-select-btn.vue.mjs';
-import { isEmpty, omit } from 'lodash-es';
-import { onClickOutside } from '@vueuse/core';
-import { ButtonSize } from '@gct-paas/core';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "i18n-select-input",
-  props: {
-    attr: {},
-    inputExtraProps: {},
-    i18nConfig: {},
-    i18nText: {},
-    placeholderText: {},
-    size: {},
-    i18nModalKey: {},
-    forceUpdate: { type: Boolean },
-    btnHeight: {},
-    btnWidth: {}
-  },
-  emits: [
-    "update:i18nText",
-    "update:i18nConfig",
-    "on-i18n-select",
-    "clickOutside",
-    "focus",
-    "blur"
-  ],
-  setup(__props, { emit: __emit }) {
-    const isApp = computed(() => {
-      return !!_gct.store.appInfo.id;
-    });
-    const props = __props;
-    const emit = __emit;
-    const inputValue = computed({
-      get() {
-        return props.i18nText ?? "";
-      },
-      set(value) {
-        if (value !== props.i18nText) {
-          emit("update:i18nText", value);
-        }
-      }
-    });
-    const i18nConfigState = computed(() => {
-      if (isEmpty(props.i18nConfig)) {
-        return {};
-      }
-      if (typeof props.i18nConfig === "string") {
-        return JSON.parse(props.i18nConfig) ?? {};
-      }
-      return props.i18nConfig ?? {};
-    });
-    const i18nValue = computed(() => {
-      return i18nConfigState.value?.[props.attr];
-    });
-    const handleSelectI18n = (params) => {
-      console.log("emit", params);
-      if (params) {
-        if (isEmpty(inputValue.value) || props.forceUpdate === true) {
-          emit("update:i18nText", params.i18nTitle);
-        }
-        emit(
-          "update:i18nConfig",
-          JSON.stringify(
-            isEmpty(params) ? omit(i18nConfigState.value, props.attr) : { ...i18nConfigState.value, [props.attr]: params.i18nKey }
-          )
-        );
-        emit("on-i18n-select", params);
-      }
-    };
-    const inputRef = ref();
-    const handleFocus = () => {
-      emit("focus", inputRef.value);
-    };
-    const handleBlur = () => {
-      emit("blur", inputRef.value);
-    };
-    const i18nInputGroup = ref();
-    onClickOutside(i18nInputGroup, () => {
-      emit("clickOutside");
-    });
-    return (_ctx, _cache) => {
-      const _component_a_input = resolveComponent("a-input");
-      const _component_a_input_group = resolveComponent("a-input-group");
-      return openBlock(), createBlock(_component_a_input_group, {
-        id: "i18nInputGroup",
-        ref_key: "i18nInputGroup",
-        ref: i18nInputGroup,
-        compact: ""
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "i18n-input", {}, () => [
-            createVNode(_component_a_input, mergeProps({
-              ref_key: "inputRef",
-              ref: inputRef
-            }, __props.inputExtraProps, {
-              value: inputValue.value,
-              "onUpdate:value": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
-              valueModifiers: { trim: true },
-              style: {
-                height: __props.btnHeight ? __props.btnHeight : __props.size === unref(ButtonSize).SMALL ? "26px" : "32px",
-                width: !isApp.value ? "100%" : `calc(100% - ${__props.btnWidth ? __props.btnWidth : __props.size === unref(ButtonSize).SMALL ? "26px" : "32px"}`
-              },
-              placeholder: __props.placeholderText,
-              size: __props.size,
-              "allow-clear": "",
-              onFocus: handleFocus,
-              onBlur: handleBlur
-            }), null, 16, ["value", "style", "placeholder", "size"])
-          ], true),
-          isApp.value ? (openBlock(), createBlock(I18nSelectBtn, {
-            key: 0,
-            "btn-height": __props.btnHeight,
-            "btn-width": __props.btnWidth,
-            "i18n-value": i18nValue.value,
-            size: __props.size,
-            "i18n-modal-key": __props.i18nModalKey,
-            onOnSelectI18n: handleSelectI18n,
-            onClosed: _cache[1] || (_cache[1] = ($event) => emit("clickOutside"))
-          }, null, 8, ["btn-height", "btn-width", "i18n-value", "size", "i18n-modal-key"])) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 512);
-    };
-  }
-});
-
-export { _sfc_main as default };

package/es/components/I18nSelect/src/i18n-select-modal.vue.d.ts

@@ -1,4 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {
-    open: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;

package/es/components/I18nSelect/src/i18n-select-modal.vue.mjs

@@ -1,21 +0,0 @@
-import { defineComponent, openBlock, createBlock, unref } from 'vue';
-import { useModal } from '@gct-paas/core-web';
-import I18nSelectContainer from './i18n-select-container.vue.mjs';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "i18n-select-modal",
-  setup(__props, { expose: __expose }) {
-    const [register, { openModal }] = useModal();
-    const open = () => {
-      openModal();
-    };
-    __expose({
-      open
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(I18nSelectContainer, { onRegister: unref(register) }, null, 8, ["onRegister"]);
-    };
-  }
-});
-
-export { _sfc_main as default };

package/es/components/I18nSelect/src/i18n-select-modal.vue2.mjs

@@ -1,5 +0,0 @@
-import _sfc_main from './i18n-select-modal.vue.mjs';
-
-
-
-export { _sfc_main as default };

package/es/components/I18nSelect/src/i18n-select-textarea-form.vue.d.ts

@@ -1,15 +0,0 @@
-import { FormInstance, FormItemProps, InputProps } from 'ant-design-vue';
-interface Props {
-    formItemName: string | string[];
-    fromItemExtraProps?: FormItemProps;
-    inputExtraProps?: InputProps;
-    i18nConfig?: string;
-    text?: string;
-    formRef?: FormInstance;
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:text": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:text"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-export default _default;

package/es/components/I18nSelect/src/i18n-select-textarea-form.vue.mjs

@@ -1,57 +0,0 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, mergeProps, withCtx, createElementVNode, toDisplayString } from 'vue';
-import I18nSelectTextarea from './i18n-select-textarea.vue.mjs';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "i18n-select-textarea-form",
-  props: {
-    formItemName: {},
-    fromItemExtraProps: {},
-    inputExtraProps: {},
-    i18nConfig: {},
-    text: {},
-    formRef: {}
-  },
-  emits: ["update:text"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const i18nText = computed({
-      get() {
-        return props.text ?? "";
-      },
-      set(value) {
-        emit("update:text", value);
-        props.formRef?.validateFields([props.formItemName]);
-      }
-    });
-    return (_ctx, _cache) => {
-      const _component_a_form_item = resolveComponent("a-form-item");
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(_component_a_form_item, mergeProps({ name: __props.formItemName }, __props.fromItemExtraProps), {
-          default: withCtx(() => [
-            createVNode(I18nSelectTextarea, mergeProps(_ctx.$attrs, {
-              "i18n-text": i18nText.value,
-              "onUpdate:i18nText": _cache[0] || (_cache[0] = ($event) => i18nText.value = $event),
-              "placeholder-text": _ctx.$t("sys.inputText"),
-              "input-extra-props": __props.inputExtraProps,
-              "i18n-config": __props.i18nConfig,
-              attr: Array.isArray(__props.formItemName) ? __props.formItemName.join(".") : __props.formItemName
-            }), null, 16, ["i18n-text", "placeholder-text", "input-extra-props", "i18n-config", "attr"])
-          ]),
-          _: 1
-        }, 16, ["name"]),
-        createVNode(_component_a_form_item, {
-          name: "i18nConfig",
-          hidden: ""
-        }, {
-          default: withCtx(() => [
-            createElementVNode("span", null, toDisplayString(__props.i18nConfig), 1)
-          ]),
-          _: 1
-        })
-      ], 64);
-    };
-  }
-});
-
-export { _sfc_main as default };

package/es/components/I18nSelect/src/i18n-select-textarea-form.vue2.mjs

@@ -1,5 +0,0 @@
-import _sfc_main from './i18n-select-textarea-form.vue.mjs';
-
-
-
-export { _sfc_main as default };

package/es/components/I18nSelect/src/i18n-select-textarea.css

@@ -1,17 +0,0 @@
-[data-v-cd95c416] .i18n-icon {
-  position: absolute;
-  right: 16px;
-  bottom: 12px;
-  color: #212528;
-  font-size: 16px;
-  cursor: pointer;
-}
-[data-v-cd95c416] 
-  div.ant-input-textarea.ant-input-textarea-show-count.ant-input-textarea-show-count::after
- {
-  right: 33px;
-}
-[data-v-cd95c416] .ant-input {
-  border: 2px dashed #dbdbdb;
-  background: transparent;
-}

package/es/components/I18nSelect/src/i18n-select-textarea.vue.d.ts

@@ -1,26 +0,0 @@
-import { InputProps, TextAreaProps } from 'ant-design-vue';
-interface Props {
-    attr: string;
-    inputExtraProps?: InputProps | TextAreaProps;
-    i18nConfig?: string | Record<string, string>;
-    i18nText?: string;
-    placeholderText?: string;
-    rows?: number;
-    style?: object;
-}
-declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:i18nText": (...args: any[]) => void;
-    "update:i18nConfig": (...args: any[]) => void;
-    "on-i18n-select": (...args: any[]) => void;
-    clickOutside: (...args: any[]) => void;
-    focus: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
-    "onUpdate:i18nText"?: ((...args: any[]) => any) | undefined;
-    "onUpdate:i18nConfig"?: ((...args: any[]) => any) | undefined;
-    "onOn-i18n-select"?: ((...args: any[]) => any) | undefined;
-    onClickOutside?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    inputRef: unknown;
-}, HTMLDivElement>;
-export default _default;

package/es/components/I18nSelect/src/i18n-select-textarea.vue.mjs

@@ -1,7 +0,0 @@
-import _sfc_main from './i18n-select-textarea.vue2.mjs';
-import './i18n-select-textarea.css';/* empty css                           */
-import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
-
-const I18nSelectTextarea = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-cd95c416"]]);
-
-export { I18nSelectTextarea as default };

package/es/components/I18nSelect/src/i18n-select-textarea.vue2.mjs

@@ -1,93 +0,0 @@
-import { defineComponent, computed, ref, resolveComponent, openBlock, createElementBlock, createVNode, mergeProps } from 'vue';
-import I18nSelectBtn from './i18n-select-btn.vue.mjs';
-import { isEmpty, omit } from 'lodash-es';
-
-const _hoisted_1 = { class: "inline-block w100% relative" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "i18n-select-textarea",
-  props: {
-    attr: {},
-    inputExtraProps: {},
-    i18nConfig: {},
-    i18nText: {},
-    placeholderText: {},
-    rows: {},
-    style: {}
-  },
-  emits: [
-    "update:i18nText",
-    "update:i18nConfig",
-    "on-i18n-select",
-    "clickOutside",
-    "focus"
-  ],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const inputValue = computed({
-      get() {
-        return props.i18nText ?? "";
-      },
-      set(value) {
-        emit("update:i18nText", value);
-      }
-    });
-    const i18nConfigState = computed(() => {
-      if (isEmpty(props.i18nConfig)) {
-        return {};
-      }
-      if (typeof props.i18nConfig === "string") {
-        return JSON.parse(props.i18nConfig) ?? {};
-      }
-      return props.i18nConfig ?? {};
-    });
-    const i18nValue = computed(() => {
-      return i18nConfigState.value?.[props.attr];
-    });
-    const handleSelectI18n = (params) => {
-      if (params) {
-        if (isEmpty(inputValue.value)) {
-          emit("update:i18nText", params.i18nTitle);
-        }
-        emit(
-          "update:i18nConfig",
-          JSON.stringify(
-            isEmpty(params) ? omit(i18nConfigState.value, props.attr) : { ...i18nConfigState.value, [props.attr]: params.i18nKey }
-          )
-        );
-        emit("on-i18n-select", params);
-      }
-    };
-    const inputRef = ref();
-    const handleFocus = () => {
-      emit("focus", inputRef.value);
-    };
-    return (_ctx, _cache) => {
-      const _component_a_textarea = resolveComponent("a-textarea");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_a_textarea, mergeProps({
-          ref_key: "inputRef",
-          ref: inputRef,
-          value: inputValue.value,
-          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => inputValue.value = $event),
-          placeholder: __props.placeholderText
-        }, __props.inputExtraProps, {
-          style: {
-            resize: "none",
-            ...__props.style
-          },
-          onFocus: handleFocus
-        }), null, 16, ["value", "placeholder", "style"]),
-        createVNode(I18nSelectBtn, {
-          "i18n-value": i18nValue.value,
-          "simple-btn": true,
-          type: "text",
-          onOnSelectI18n: handleSelectI18n,
-          onClosed: _cache[1] || (_cache[1] = ($event) => emit("clickOutside"))
-        }, null, 8, ["i18n-value"])
-      ]);
-    };
-  }
-});
-
-export { _sfc_main as default };

package/es/components/I18nSelect/src/useI18nSelect.d.ts

@@ -1,13 +0,0 @@
-export interface I18nSelectProps {
-    i18nModalKey?: string;
-    saveCallback?: (params: IObject) => void;
-    destroyCallback?: (params: IObject) => void;
-}
-export interface IUseI18nSelectOptions {
-    target?: HTMLElement;
-    props?: Partial<I18nSelectProps>;
-}
-export declare function useI18nSelect(): {
-    open: (params: Partial<I18nSelectProps> | Partial<IUseI18nSelectOptions>) => void;
-    close: (callback: unknown) => void;
-};

package/es/components/I18nSelect/src/useI18nSelect.mjs

@@ -1,51 +0,0 @@
-import { ref, unref, createApp } from 'vue';
-import { has } from 'lodash-es';
-import _sfc_main from './i18n-select-modal.vue.mjs';
-
-function useI18nSelect() {
-  let app = null;
-  let instance = null;
-  const i18nModalKey = ref("");
-  function open(params) {
-    let props;
-    let target = document.body;
-    if (has(params, "target") || has(params, "props")) {
-      const options = params;
-      props = options.props || {};
-      target = options.target || document.body;
-    } else {
-      props = params;
-    }
-    i18nModalKey.value = props.i18nModalKey || `i18n-select-modal-${Math.random().toString(16).substring(8)}`;
-    const propsData = {
-      ...props,
-      destroyCallback: () => close(props?.destroyCallback),
-      i18nModalKey: unref(i18nModalKey)
-    };
-    if (!app) {
-      const container = document.createElement("div");
-      container.id = unref(i18nModalKey);
-      const t = unref(target);
-      t?.appendChild(container);
-      app = createApp(_sfc_main, propsData);
-      instance = app.mount(container);
-    }
-    instance?.open();
-  }
-  function close(callback) {
-    if (typeof callback === "function") {
-      callback();
-    }
-    document.querySelector(`#${unref(i18nModalKey)}`).remove();
-    if (app) {
-      app.unmount();
-      app = null;
-    }
-  }
-  return {
-    open,
-    close
-  };
-}
-
-export { useI18nSelect };