@gct-paas/core-web 0.0.1-dev.20 → 0.0.1-dev.21

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

@@ -0,0 +1,47 @@
+import { PropType } from 'vue';
+import { IFormItemController, ISelectEditor } from '@gct-paas/core';
+export declare const GctFormFieldSelect: 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;
+    visible: import('vue').Ref<boolean, boolean>;
+}, {}, {}, {}, 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;
+}, {}, {
+    modal: import('vue').DefineComponent<{
+        value: boolean;
+    }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:value": (...args: any[]) => void;
+    }, string, import('vue').PublicProps, Readonly<{
+        value: boolean;
+    }> & Readonly<{
+        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default GctFormFieldSelect;

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

@@ -0,0 +1,48 @@
+import { defineComponent, createVNode, resolveComponent, createTextVNode, ref } from 'vue';
+import { useNamespace } from '@gct-paas/core';
+import './gct-form-field-select.scss';
+import modal from './gct-model-select.vue';
+
+"use strict";
+const GctFormFieldSelect = /* @__PURE__ */ defineComponent({
+  name: "GctFormFieldSelect",
+  components: {
+    modal
+  },
+  props: {
+    c: {
+      type: Object,
+      required: true
+    },
+    model: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:value"],
+  setup() {
+    const ns = useNamespace("gct-form-field-select");
+    const visible = ref(false);
+    return {
+      ns,
+      visible
+    };
+  },
+  render() {
+    return createVNode("div", null, [createVNode(resolveComponent("a-button"), {
+      "onClick": () => this.visible = true,
+      "block": true
+    }, {
+      default: () => [createTextVNode("\u9009\u62E9\u6A21\u578B\u5B57\u6BB5")]
+    }), createVNode(modal, {
+      "value": this.visible,
+      "onUpdate:value": ($event) => this.visible = $event
+    }, null)]);
+  }
+});
+
+export { GctFormFieldSelect, GctFormFieldSelect as default };

package/es/editor/gct-form-field-select/gct-form-field-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 GctFormFieldSelectProvider implements IEditorProvider {
+    component: string;
+}

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

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

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

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

package/es/editor/gct-form-field-select/gct-model-select.vue

@@ -0,0 +1,70 @@
+<template>
+  <a-modal
+    v-model:visible="visible"
+    width="600px"
+    title="关联模型字段"
+    ok-text="确认"
+    cancel-text="取消"
+    @ok="handleOk"
+  >
+    <div>所属模型：公司</div>
+    <div class="gct-box">
+      <a-transfer
+        v-model:target-keys="targetKeys"
+        :locale="{
+          itemUnit: '项已选',
+          itemsUnit: '项未选',
+          searchPlaceholder: '请输入搜索内容',
+        }"
+        :data-source="mockData"
+        show-search
+        :filter-option="filterOption"
+        :render="item => item.title"
+      />
+    </div>
+  </a-modal>
+</template>
+
+<script setup lang="ts">
+import { ref, computed } from 'vue';
+const props = defineProps<{
+  value: boolean;
+}>();
+
+const emit = defineEmits(['update:value']);
+const visible = computed({
+  get() {
+    return props.value;
+  },
+  set(v) {
+    emit('update:value', v);
+  },
+});
+const mockData = ref([
+  { key: 0, title: '公司名称' },
+  { key: 1, title: 'ID' },
+  { key: 2, title: '创建人' },
+  { key: 3, title: '创建部门' },
+  { key: 4, title: '修改时间' },
+  { key: 5, title: '修改人' },
+  { key: 6, title: '修改部门' },
+]);
+const targetKeys = ref([]);
+const filterOption = (inputValue: string, option: object[]) => {
+  console.log();
+  // return option.description.indexOf(inputValue) > -1;
+};
+function handleOk() {
+  visible.value = false;
+}
+</script>
+<style lang="scss" scoped>
+.gct-box {
+  margin-top: 16px;
+
+  ::v-deep .ant-transfer-list {
+    height: 340px;
+    width: 240px;
+  }
+}
+</style>

package/es/editor/gct-form-field-select/gct-model-select.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    value: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:value": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/es/editor/gct-form-field-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-field-select/index.mjs

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

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

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

package/es/editor/index.mjs

@@ -7,6 +7,7 @@ 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 GctFormFieldSelect from './gct-form-field-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';
@@ -29,6 +30,7 @@ var Editor = {
     app.use(GctFormPicker);
     app.use(GctFormSelect);
     app.use(GctFormModalSelect);
+    app.use(GctFormFieldSelect);
     app.use(GctFormSpan);
     app.use(GctFormSwitch);
     app.use(GctFormText);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/core-web",
-  "version": "0.0.1-dev.20",
+  "version": "0.0.1-dev.21",
   "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.20",
+    "@gct-paas/core": "0.0.1-dev.21",
     "@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.20",
-    "@gct-paas/scss": "0.0.1-dev.20",
+    "@gct-paas/build": "0.0.1-dev.21",
+    "@gct-paas/scss": "0.0.1-dev.21",
     "sass": "^1.85.1"
   },
   "peerDependencies": {
     "vue": "^3.x"
   },
-  "gitHead": "9266f204c9c400c60c3aeffe6981eed0992fc243"
+  "gitHead": "37b40934f0d80ca67b4dba1c0259e8ca02f9dba5"
 }