@gct-paas/design-web 0.1.4-dev.1 → 0.1.4-dev.10

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

@@ -0,0 +1,129 @@
+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/{test-com/test-com.d.ts → I18nSelect/src/i18n-select-modal.vue.d.ts}

@@ -1,3 +1,4 @@
-export declare const TestCom: import('vue').DefineComponent<{}, {
-    ns: import('@gct-paas/core').Namespace;
+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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,57 @@
+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

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

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

@@ -0,0 +1,17 @@
+[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

@@ -0,0 +1,26 @@
+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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,93 @@
+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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +1,51 @@
+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 };

package/es/components/index.d.ts

@@ -1,3 +1 @@
-import { default as TestVueCom } from './test-vue-com/test-vue-com.vue';
-export { TestVueCom };
-export { TestCom } from './test-com/test-com';
+export * from './I18nSelect/index';

package/es/index.d.ts

@@ -3,3 +3,4 @@ declare const _default: {
     install(app: App): void;
 };
 export default _default;
+export * from './components';

package/es/index.mjs

@@ -1,12 +1,14 @@
-import './components/index.mjs';
-import { TestCom } from './components/test-com/test-com.mjs';
-import TestVueCom from './test-vue-com/test-vue-com.vue';
+export { useI18nSelect } from './components/I18nSelect/src/useI18nSelect.mjs';
+export { default as I18Modal } from './components/I18nSelect/src/i18n-modal.vue.mjs';
+export { default as I18nSelectBtn } from './components/I18nSelect/src/i18n-select-btn.vue.mjs';
+export { default as I18nSelectInput } from './components/I18nSelect/src/i18n-select-input.vue.mjs';
+export { default as I18nSelectInputForm } from './components/I18nSelect/src/i18n-select-input-form.vue.mjs';
+export { default as I18nSelectTextarea } from './components/I18nSelect/src/i18n-select-textarea.vue.mjs';
+export { default as I18nSelectTextareaForm } from './components/I18nSelect/src/i18n-select-textarea-form.vue.mjs';
 
-"use strict";
-var index = {
+const index = {
   install(app) {
-    app.component(TestCom.name, TestCom);
-    app.component(TestVueCom.name, TestVueCom);
+    console.log("Design Web install", app);
   }
 };
 

package/es/types/index.d.ts

@@ -1,2 +1,4 @@
-import '@gct-paas/web/es/types';
-import '@gct-paas/design/es/types';
+import '@gct-paas/core/types';
+import '@gct-paas/core-web/types';
+import '@gct-paas/schema/types';
+import '@gct-paas/design/types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/design-web",
-  "version": "0.1.4-dev.1",
+  "version": "0.1.4-dev.10",
   "type": "module",
   "description": "paas 平台设计界面移动端底包",
   "main": "dist/index.min.cjs",
@@ -31,8 +31,9 @@
   "license": "MIT",
   "author": "gct",
   "scripts": {
-    "dev": "rollup -c -w --environment=NODE_ENV:development",
-    "build": "npm run lint && rollup -c --environment=NODE_ENV:production && vite build --mode production --config vite.config.ts",
+    "dev": "cross-env NODE_ENV=development vite build --watch --config vite.dev.config.ts",
+    "es:build": "vite build --config vite.dev.config.ts",
+    "build": "npm run lint && vite build --config vite.dev.config.ts && vite build --config vite.config.ts",
     "lint": "eslint src/",
     "publish:next": "npm run build && npm publish --access public --tag=next --registry=https://registry.npmjs.org/",
     "publish:dev": "npm run build && npm publish --access public --tag=dev --registry=https://registry.npmjs.org/",
@@ -41,16 +42,20 @@
     "publish:npm": "npm run build && npm publish --access public --registry=https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@gct-paas/build": "0.1.4-dev.1",
-    "@gct-paas/core": "0.1.4-dev.1",
-    "@gct-paas/core-web": "0.1.4-dev.1",
-    "@gct-paas/design": "0.1.4-dev.1",
-    "@gct-paas/scss": "0.1.4-dev.1",
-    "@gct-paas/web": "0.1.4-dev.1",
-    "vue": "^3.5.13"
+    "@ant-design/icons-vue": "^6.1.0",
+    "@gct-paas/api": "0.1.0-dev.8",
+    "@gct-paas/core": "0.1.4-dev.10",
+    "@gct-paas/core-web": "0.1.4-dev.10",
+    "@gct-paas/design": "0.1.4-dev.10",
+    "@gct-paas/schema": "0.1.4-dev.10",
+    "@gct-paas/scss": "0.1.4-dev.10",
+    "@vueuse/core": "^14.1.0",
+    "ant-design-vue": "3.2.20",
+    "vue": "^3.5.29"
   },
   "devDependencies": {
-    "sass": "^1.85.1"
+    "@gct-paas/build": "^0.1.5-dev.8",
+    "sass": "^1.97.3"
   },
-  "gitHead": "7e7b2aa6f2f6237dbfeaf29a4607cafba21b5585"
+  "gitHead": "e707c6d6332e7e83a3d5df97b37f619065d8ea39"
 }

package/dist/design-web.css

@@ -1 +0,0 @@
-.gct-test-com{background-color:#0ff}

package/es/components/index.mjs

@@ -1,4 +0,0 @@
-export { default as TestVueCom } from './test-vue-com/test-vue-com.vue';
-export { TestCom } from './test-com/test-com.mjs';
-
-"use strict";

package/es/components/test-com/test-com.mjs

@@ -1,21 +0,0 @@
-import { defineComponent, createVNode, createTextVNode } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import './test-com.scss';
-
-"use strict";
-const TestCom = /* @__PURE__ */ defineComponent({
-  name: "TestCom",
-  setup() {
-    const ns = useNamespace("test-com");
-    return {
-      ns
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [createTextVNode("TestCom")]);
-  }
-});
-
-export { TestCom };

package/es/components/test-com/test-com.scss

@@ -1,3 +0,0 @@
-@include b(test-com) {
-  background-color: aqua;
-}

package/es/components/test-vue-com/test-vue-com.vue

@@ -1,15 +0,0 @@
-<template>
-  <div :class="ns.b()">
-    <div>{{ msg }}</div>
-    <div>{{ msg2 }}</div>
-  </div>
-</template>
-<script setup lang="ts" name="test-vue-com">
-import { useNamespace } from '@gct-paas/core';
-import { ref } from 'vue';
-
-const ns = useNamespace('test-vue-com');
-
-const msg = ref('Hello World!');
-const msg2 = ref('Hello World2!');
-</script>

package/es/components/test-vue-com/test-vue-com.vue.d.ts

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

package/es/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />