@gct-paas/core-web 0.0.1-dev.17 → 0.0.1-dev.18

package/es/components/code-editor/code-editor.d.ts

@@ -9,6 +9,10 @@ export declare const CodeEditor: import('vue').DefineComponent<import('vue').Ext
         type: PropType<editor.IStandaloneEditorConstructionOptions>;
         default: () => {};
     };
+    language: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {
     ns: import('@gct-paas/core').Namespace;
     el: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
@@ -21,9 +25,14 @@ export declare const CodeEditor: import('vue').DefineComponent<import('vue').Ext
         type: PropType<editor.IStandaloneEditorConstructionOptions>;
         default: () => {};
     };
+    language: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
     value: string;
     config: editor.IStandaloneEditorConstructionOptions;
+    language: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/code-editor/code-editor.mjs

@@ -15,6 +15,10 @@ const CodeEditor = /* @__PURE__ */ defineComponent({
     config: {
       type: Object,
       default: () => ({})
+    },
+    language: {
+      type: String,
+      default: "typescript"
     }
   },
   emits: ["update:value"],
@@ -24,7 +28,7 @@ const CodeEditor = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("code-editor");
     const val = computed({
       get() {
-        return props.value;
+        return props.value || "";
       },
       set(v) {
         emit("update:value", v);
@@ -37,12 +41,15 @@ const CodeEditor = /* @__PURE__ */ defineComponent({
         if (el.value) {
           monacoEditor = m.editor.create(el.value, deepMerge({
             value: val.value,
-            language: "typescript",
+            language: props.language,
             automaticLayout: true,
             minimap: {
               enabled: false
             }
           }, props.config));
+          monacoEditor.onDidBlurEditorText(() => {
+            val.value = monacoEditor.getValue();
+          });
         }
       });
     });

package/es/editor/gct-form-color/gct-form-color.mjs

@@ -1,15 +1,10 @@
 import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
-import { useNamespace, ColorEditorController, useGctFormValue } from '@gct-paas/core';
-import { ColorPicker as re } from '../../node_modules/.pnpm/vue3-colorpicker@2.3.0_@aesoper_normal-utils@0.1.5_@popperjs_core@2.11.8_@vueuse_core@10.11.1_67dx55qyw5ulzyggoxgyarn5m4/node_modules/vue3-colorpicker/index.es.mjs';
-import 'vue3-colorpicker/style.css';
+import { useNamespace, useGctFormValue } from '@gct-paas/core';
 import './gct-form-color.scss';
 
 "use strict";
 const GctFormColor = /* @__PURE__ */ defineComponent({
   name: "GctFormColor",
-  components: {
-    ColorPicker: re
-  },
   inheritAttrs: false,
   props: {
     itemModel: {
@@ -25,13 +20,11 @@ const GctFormColor = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["update:value"],
-  setup(props) {
+  setup() {
     const ns = useNamespace("form-color");
-    const c = new ColorEditorController(props.model);
     const val = useGctFormValue();
     return {
       ns,
-      c,
       val
     };
   },

package/es/editor/gct-form-modal-select/gct-form-modal-select.d.ts

@@ -0,0 +1,45 @@
+import { PropType } from 'vue';
+import { IFormItemController, ISelectEditor } from '@gct-paas/core';
+export declare const GctFormModalSelect: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    c: {
+        type: PropType<IFormItemController>;
+        required: true;
+    };
+    model: {
+        type: PropType<ISelectEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    val: import('vue').WritableComputedRef<any, any>;
+    options: import('vue').ComputedRef<{
+        label: string;
+        options: {
+            value: string;
+            label: string;
+        }[];
+    }[]>;
+    modelCategory: import('vue').Ref<string, string>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    c: {
+        type: PropType<IFormItemController>;
+        required: true;
+    };
+    model: {
+        type: PropType<ISelectEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default GctFormModalSelect;

package/es/editor/gct-form-modal-select/gct-form-modal-select.mjs

@@ -0,0 +1,99 @@
+import { defineComponent, createVNode, resolveComponent, mergeProps, ref, computed } from 'vue';
+import { useNamespace, useGctFormValue } from '@gct-paas/core';
+import './gct-form-modal-select.scss';
+
+"use strict";
+const GctFormModalSelect = /* @__PURE__ */ defineComponent({
+  name: "GctFormModalSelect",
+  props: {
+    c: {
+      type: Object,
+      required: true
+    },
+    model: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:value"],
+  setup() {
+    const ns = useNamespace("gct-form-modal-select");
+    const modelCategory = ref("1");
+    const val = useGctFormValue();
+    const selectValue = computed({
+      get() {
+        return val.value || void 0;
+      },
+      set(v) {
+        val.value = v;
+      }
+    });
+    const options = computed(() => {
+      return [{
+        label: "\u9ED8\u8BA4",
+        options: [{
+          value: "1",
+          label: "\u6A21\u578B\u4E00"
+        }, {
+          value: "2",
+          label: "\u6A21\u578B\u4E8C"
+        }]
+      }, {
+        label: "\u4EA7\u54C1\u5EFA\u6A21",
+        options: [{
+          value: "3",
+          label: "\u4EA7\u54C1\u4FE1\u606F"
+        }, {
+          value: "4",
+          label: "\u4EA7\u54C1\u7C7B\u578B"
+        }]
+      }];
+    });
+    return {
+      ns,
+      val: selectValue,
+      options,
+      modelCategory
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("a-input-group"), {
+      "class": this.ns.b()
+    }, {
+      default: () => [createVNode(resolveComponent("a-form-item-rest"), null, {
+        default: () => [createVNode(resolveComponent("a-select"), mergeProps({
+          "value": this.modelCategory,
+          "onUpdate:value": ($event) => this.modelCategory = $event
+        }, this.model.props || {}, {
+          "placeholder": "\u8BF7\u9009\u62E9",
+          "options": [{
+            value: "1",
+            label: "\u5B9E\u4F53"
+          }, {
+            value: "2",
+            label: "\u89C6\u56FE"
+          }, {
+            value: "3",
+            label: "\u6570\u636E"
+          }],
+          "disabled": this.c.state.disabled
+        }), null)]
+      }), createVNode(resolveComponent("a-select"), mergeProps({
+        "class": this.ns.e("select"),
+        "value": this.val,
+        "onUpdate:value": ($event) => this.val = $event
+      }, this.model.props || {}, {
+        "placeholder": "\u8BF7\u9009\u62E9",
+        "options": this.options,
+        "allowClear": true,
+        "disabled": this.c.state.disabled
+      }), null)]
+    });
+  }
+});
+
+export { GctFormModalSelect, GctFormModalSelect as default };

package/es/editor/gct-form-modal-select/gct-form-modal-select.provider.d.ts

@@ -0,0 +1,13 @@
+import { IEditorProvider } from '@gct-paas/core';
+/**
+ * 纯预览编辑器
+ *
+ * @author zhanghanrui
+ * @date 2024-03-27 10:03:03
+ * @export
+ * @class FormSelectProvider
+ * @implements {IEditorProvider}
+ */
+export declare class GctFormModalSelectProvider implements IEditorProvider {
+    component: string;
+}

package/es/editor/gct-form-modal-select/gct-form-modal-select.provider.mjs

@@ -0,0 +1,6 @@
+"use strict";
+class GctFormModalSelectProvider {
+  component = "gct-form-Modal-select";
+}
+
+export { GctFormModalSelectProvider };

package/es/editor/gct-form-modal-select/gct-form-modal-select.scss

@@ -0,0 +1,7 @@
+@include b(gct-form-modal-select) {
+  display: flex;
+
+  @include e(select) {
+    flex:1;
+  }
+}

package/es/editor/gct-form-modal-select/index.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    install(app: import('vue').App): void;
+};
+export default _default;

package/es/editor/gct-form-modal-select/index.mjs

@@ -0,0 +1,12 @@
+import { widthEditorInstall, EditorTypeOld } from '@gct-paas/core';
+import { GctFormModalSelectProvider } from './gct-form-modal-select.provider.mjs';
+import { GctFormModalSelect as GctFormModalSelect$1 } from './gct-form-modal-select.mjs';
+
+"use strict";
+var GctFormModalSelect = widthEditorInstall(
+  EditorTypeOld.MODEL_SELECT,
+  () => new GctFormModalSelectProvider(),
+  GctFormModalSelect$1
+);
+
+export { GctFormModalSelect as default };

package/es/editor/gct-form-number/gct-form-number.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { INumberEditor, EditorController } from '@gct-paas/core';
+import { INumberEditor } from '@gct-paas/core';
 export declare const GctFormNumber: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     model: {
         type: PropType<INumberEditor>;
@@ -11,7 +11,6 @@ export declare const GctFormNumber: import('vue').DefineComponent<import('vue').
     };
 }>, {
     ns: import('@gct-paas/core').Namespace;
-    c: EditorController<INumberEditor>;
     val: import('vue').WritableComputedRef<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     model: {

package/es/editor/gct-form-number/gct-form-number.mjs

@@ -1,5 +1,6 @@
 import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
-import { useNamespace, EditorController, useGctFormValue } from '@gct-paas/core';
+import { useNamespace, useGctFormValue } from '@gct-paas/core';
+import './gct-form-number.scss';
 
 "use strict";
 const GctFormNumber = /* @__PURE__ */ defineComponent({
@@ -15,21 +16,18 @@ const GctFormNumber = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["update:value"],
-  setup(props) {
+  setup() {
     const ns = useNamespace("gct-form-number");
-    const c = new EditorController(props.model);
     const val = useGctFormValue();
     return {
       ns,
-      c,
       val
     };
   },
   render() {
     return createVNode(resolveComponent("a-input-number"), mergeProps({
       "value": this.val,
-      "onUpdate:value": ($event) => this.val = $event
-    }, this.model.props || {}, {
+      "onUpdate:value": ($event) => this.val = $event,
       "class": this.ns.b(),
       "prefix": this.model.prefix,
       "suffix": this.model.suffix,
@@ -39,7 +37,7 @@ const GctFormNumber = /* @__PURE__ */ defineComponent({
       "max": this.model.max,
       "min": this.model.min,
       "precision": this.model.precision
-    }), null);
+    }, this.model.props || {}), null);
   }
 });
 

package/es/editor/gct-form-number/gct-form-number.scss

@@ -0,0 +1,3 @@
+@include b(gct-form-number) {
+  width: 100%;
+}

package/es/editor/gct-form-text/gct-form-text.mjs

@@ -26,7 +26,7 @@ const GctFormText = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    return createVNode(resolveComponent("a-input"), mergeProps({
+    return createVNode(resolveComponent("a-select"), mergeProps({
       "value": this.val,
       "onUpdate:value": ($event) => this.val = $event
     }, this.model.props || {}, {

package/es/editor/index.mjs

@@ -6,6 +6,7 @@ import GctFormIconSelect from './gct-form-icon-select/index.mjs';
 import GctFormNumber, { oldNumberCom } from './gct-form-number/index.mjs';
 import GctFormPicker from './gct-form-picker/index.mjs';
 import GctFormSelect from './gct-form-select/index.mjs';
+import GctFormModalSelect from './gct-form-modal-select/index.mjs';
 import GctFormSpan from './gct-form-span/index.mjs';
 import GctFormSwitch, { oldSwitchCom } from './gct-form-switch/index.mjs';
 import GctFormText, { oldTextCom } from './gct-form-text/index.mjs';
@@ -13,6 +14,8 @@ import GctFormTextarea from './gct-form-textarea/index.mjs';
 import GctFormRadio, { oldRadioCom } from './gct-form-radio/index.mjs';
 import GctFormInfo from './gct-form-info/index.mjs';
 import GctFormCheckbox, { oldCheckboxCom } from './gct-form-checkbox/index.mjs';
+import { ColorPicker as re } from '../node_modules/.pnpm/vue3-colorpicker@2.3.0_@aesoper_normal-utils@0.1.5_@popperjs_core@2.11.8_@vueuse_core@10.11.1_67dx55qyw5ulzyggoxgyarn5m4/node_modules/vue3-colorpicker/index.es.mjs';
+import 'vue3-colorpicker/style.css';
 
 "use strict";
 var Editor = {
@@ -25,6 +28,7 @@ var Editor = {
     app.use(GctFormNumber);
     app.use(GctFormPicker);
     app.use(GctFormSelect);
+    app.use(GctFormModalSelect);
     app.use(GctFormSpan);
     app.use(GctFormSwitch);
     app.use(GctFormText);
@@ -38,6 +42,7 @@ var Editor = {
     app.use(oldSwitchCom);
     app.use(oldTextCom);
     app.use(oldNumberCom);
+    app.component("ColorPicker", re);
   }
 };
 

package/es/index.d.ts

@@ -1,5 +1,7 @@
 import { App } from 'vue';
+import { CodeEditor } from './components';
 declare const _default: {
     install(app: App): void;
 };
 export default _default;
+export { CodeEditor };

package/es/index.mjs

@@ -22,4 +22,4 @@ var index = {
   }
 };
 
-export { index as default };
+export { CodeEditor, index as default };

package/es/widgets/gct-form/gct-form.mjs

@@ -47,6 +47,7 @@ const GctForm = /* @__PURE__ */ defineComponent({
         return h(typeof provider.component === "string" ? resolveComponent(provider.component) : provider.component, {
           key: item.name,
           model: item,
+          formModel: props.model,
           c: c.item[item.name],
           data: c.state.data,
           class: item.class,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/core-web",
-  "version": "0.0.1-dev.17",
+  "version": "0.0.1-dev.18",
   "type": "module",
   "description": "paas 平台网页端核心包",
   "main": "dist/index.min.cjs",
@@ -44,7 +44,7 @@
     "gen-api:platform": "gct-paas gen-api --url=http://paas.paasdev.gct-paas.com --tag=platform -t ../cli/hbs-temp -o ./src/service/gct-platform && prettier './src/service/gct-platform' --write"
   },
   "dependencies": {
-    "@gct-paas/core": "0.0.1-dev.17",
+    "@gct-paas/core": "0.0.1-dev.18",
     "@monaco-editor/loader": "^1.5.0",
     "ant-design-vue": "3.2.20",
     "lodash-es": "^4.17.21",
@@ -53,12 +53,12 @@
     "vue3-colorpicker": "^2.3.0"
   },
   "devDependencies": {
-    "@gct-paas/build": "0.0.1-dev.17",
-    "@gct-paas/scss": "0.0.1-dev.14",
+    "@gct-paas/build": "0.0.1-dev.18",
+    "@gct-paas/scss": "0.0.1-dev.18",
     "sass": "^1.85.1"
   },
   "peerDependencies": {
     "vue": "^3.x"
   },
-  "gitHead": "419dd717051ab05e03f561d8215a5ba6309816c2"
+  "gitHead": "0a61c5593beffb2a893dffde18fc6759983b72cb"
 }