sun-card-design 1.1.37 → 1.1.38

package/dist/sun-card-designer.es41.js

@@ -1,214 +0,0 @@
-import { ref, computed, onMounted, onBeforeUnmount, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, withModifiers, createCommentVNode, normalizeStyle, toDisplayString, unref, Fragment, renderList } from "vue";
-import { DownOutlined } from "@ant-design/icons-vue";
-import { ColorList, ColorNameMap } from "./sun-card-designer.es76.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "upload-style-pes" };
-const _hoisted_2 = { class: "label" };
-const _hoisted_3 = { class: "arrow" };
-const _hoisted_4 = {
-  key: 0,
-  class: "color-picker"
-};
-const _hoisted_5 = { class: "color-grid" };
-const _hoisted_6 = ["onClick"];
-const _hoisted_7 = { class: "slider-value" };
-const _hoisted_8 = { class: "slider-row" };
-const _hoisted_9 = { class: "slider-row" };
-const _sfc_main = {
-  __name: "uploadStylePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const buttonColor = ref("#1677ff");
-    const buttonText = ref("点击上传");
-    const buttonSize = ref(14);
-    const colorPicker = ref(false);
-    const colorList = ref(ColorList);
-    const nameMap = ColorNameMap;
-    const colorName = computed(() => nameMap[buttonColor.value] || "自定义");
-    onMounted(() => {
-      initData();
-      document.addEventListener("click", onClickOutside);
-    });
-    const initData = () => {
-      if (props.record?.options?.style) {
-        const style = props.record.options.style;
-        buttonColor.value = style.buttonColor || "#1677ff";
-        buttonText.value = style.buttonText || "点击上传";
-        buttonSize.value = style.buttonSize || 14;
-      } else {
-        initDefaultStyle();
-      }
-    };
-    const initDefaultStyle = () => {
-      const defaultStyle = {
-        buttonColor: "#1677ff",
-        buttonText: "点击上传",
-        buttonSize: 14
-      };
-      if (!props.record.options) {
-        props.record.options = {};
-      }
-      if (!props.record.options.style) {
-        props.record.options.style = {};
-      }
-      Object.assign(props.record.options.style, defaultStyle);
-    };
-    const updateStyle = (key, value) => {
-      if (props.record?.options) {
-        if (!props.record.options.style) {
-          props.record.options.style = {};
-        }
-        props.record.options.style[key] = value;
-      }
-    };
-    const handleButtonTextChange = (e) => {
-      buttonText.value = e.target.value;
-      updateStyle("buttonText", e.target.value);
-    };
-    const handleButtonSizeizeChange = (value) => {
-      buttonSize.value = value;
-      updateStyle("buttonSize", value);
-    };
-    const togglePicker = () => {
-      colorPicker.value = !colorPicker.value;
-    };
-    const pick = (hex) => {
-      buttonColor.value = hex;
-      colorPicker.value = false;
-      updateStyle("buttonColor", hex);
-    };
-    const onClickOutside = () => {
-      colorPicker.value = false;
-    };
-    onBeforeUnmount(() => {
-      document.removeEventListener("click", onClickOutside);
-    });
-    return (_ctx, _cache) => {
-      const _component_a_input = resolveComponent("a-input");
-      const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_slider = resolveComponent("a-slider");
-      const _component_a_input_number = resolveComponent("a-input-number");
-      const _component_a_col = resolveComponent("a-col");
-      const _component_a_row = resolveComponent("a-row");
-      const _component_a_form = resolveComponent("a-form");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[6] || (_cache[6] = createElementVNode("div", { class: "title" }, "样式配置", -1)),
-        createVNode(_component_a_form, { layout: "vertical" }, {
-          default: withCtx(() => [
-            createVNode(_component_a_row, { gutter: [16, 16] }, {
-              default: withCtx(() => [
-                createVNode(_component_a_col, { span: 24 }, {
-                  default: withCtx(() => [
-                    createVNode(_component_a_form_item, { label: "文案" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_input, {
-                          value: buttonText.value,
-                          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => buttonText.value = $event),
-                          placeholder: "请输入按钮文字",
-                          onChange: handleButtonTextChange
-                        }, null, 8, ["value"])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "颜色" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", {
-                          class: "color-select",
-                          onClick: withModifiers(togglePicker, ["stop"])
-                        }, [
-                          createElementVNode("span", {
-                            class: "swatch",
-                            style: normalizeStyle({ backgroundColor: buttonColor.value })
-                          }, null, 4),
-                          createElementVNode("span", _hoisted_2, toDisplayString(colorName.value), 1),
-                          createElementVNode("span", _hoisted_3, [
-                            createVNode(unref(DownOutlined))
-                          ]),
-                          colorPicker.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                            createElementVNode("div", _hoisted_5, [
-                              (openBlock(true), createElementBlock(Fragment, null, renderList(colorList.value, (c) => {
-                                return openBlock(), createElementBlock("span", {
-                                  class: "chip",
-                                  key: c,
-                                  style: normalizeStyle({ backgroundColor: c }),
-                                  onClick: withModifiers(($event) => pick(c), ["stop"])
-                                }, null, 12, _hoisted_6);
-                              }), 128))
-                            ])
-                          ])) : createCommentVNode("", true)
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "大小" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_slider, {
-                          value: buttonSize.value,
-                          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => buttonSize.value = $event),
-                          min: 12,
-                          max: 18,
-                          onChange: handleButtonSizeizeChange
-                        }, null, 8, ["value"]),
-                        createElementVNode("div", _hoisted_7, toDisplayString(buttonSize.value) + "px", 1)
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "上下边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_8, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 20,
-                            value: props.record.options.style.tbPadding,
-                            "onUpdate:value": _cache[2] || (_cache[2] = ($event) => props.record.options.style.tbPadding = $event),
-                            style: { "flex": "1", "margin-right": "12px" }
-                          }, null, 8, ["value"]),
-                          createVNode(_component_a_input_number, {
-                            min: 0,
-                            max: 20,
-                            value: props.record.options.style.tbPadding,
-                            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => props.record.options.style.tbPadding = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    }),
-                    createVNode(_component_a_form_item, { label: "左右边距" }, {
-                      default: withCtx(() => [
-                        createElementVNode("div", _hoisted_9, [
-                          createVNode(_component_a_slider, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.lrPadding,
-                            "onUpdate:value": _cache[4] || (_cache[4] = ($event) => props.record.options.style.lrPadding = $event),
-                            style: { "flex": "1", "margin-right": "12px" }
-                          }, null, 8, ["value"]),
-                          createVNode(_component_a_input_number, {
-                            min: 0,
-                            max: 10,
-                            value: props.record.options.style.lrPadding,
-                            "onUpdate:value": _cache[5] || (_cache[5] = ($event) => props.record.options.style.lrPadding = $event)
-                          }, null, 8, ["value"])
-                        ])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const UploadStylePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-07aef204"]]);
-export {
-  UploadStylePes as default
-};

package/dist/sun-card-designer.es42.js

@@ -1,119 +0,0 @@
-import { ref, computed, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, createTextVNode, unref } from "vue";
-import OpenVariable from "./sun-card-designer.es91.js";
-import EditInput from "./sun-card-designer.es92.js";
-import { UploadOutlined } from "@ant-design/icons-vue";
-import "./sun-card-designer.es13.js";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "picture-pes" };
-const _sfc_main = {
-  __name: "pictureBasePes",
-  props: ["record", "sourceData"],
-  setup(__props) {
-    const props = __props;
-    const editInputRef = ref();
-    const fileList = ref([]);
-    const selectTreeChange = (params) => {
-      const { item, node } = params;
-      editInputRef.value.insertToken(`{${item.name}#${node}}`);
-    };
-    const selectChange = (record) => {
-      editInputRef.value.insertToken(`{${record.name}}`);
-    };
-    const customUpload = ({ file, onSuccess, onError }) => {
-      const reader = new FileReader();
-      reader.onload = (e) => {
-        const imageUrl = e.target.result;
-        props.record.options.defaultValue = imageUrl;
-        onSuccess(imageUrl);
-      };
-      reader.onerror = () => {
-        onError(new Error("文件读取失败"));
-      };
-      reader.readAsDataURL(file);
-    };
-    const inGridWithVariableName = computed(() => {
-      return true;
-    });
-    return (_ctx, _cache) => {
-      const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_col = resolveComponent("a-col");
-      const _component_a_button = resolveComponent("a-button");
-      const _component_a_upload = resolveComponent("a-upload");
-      const _component_a_row = resolveComponent("a-row");
-      const _component_a_form = resolveComponent("a-form");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[3] || (_cache[3] = createElementVNode("div", { class: "title" }, "数据", -1)),
-        createVNode(_component_a_form, { layout: "vertical" }, {
-          default: withCtx(() => [
-            createVNode(_component_a_row, { gutter: [16, 16] }, {
-              default: withCtx(() => [
-                createVNode(_component_a_col, { span: 24 }, {
-                  default: withCtx(() => [
-                    createVNode(_component_a_form_item, { label: "图片地址" }, {
-                      default: withCtx(() => [
-                        createVNode(OpenVariable, {
-                          disabled: inGridWithVariableName.value,
-                          onOnSelect: selectChange,
-                          onOnSelectTree: selectTreeChange
-                        }, null, 8, ["disabled"]),
-                        createVNode(EditInput, {
-                          ref_key: "editInputRef",
-                          ref: editInputRef,
-                          record: props.record.options,
-                          minRows: 1,
-                          maxRows: 3,
-                          placeholder: "请输入图片地址或选择变量"
-                        }, null, 8, ["record"])
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_a_col, { span: 24 }, {
-                  default: withCtx(() => [
-                    createVNode(_component_a_form_item, { label: "图片资源" }, {
-                      default: withCtx(() => [
-                        createVNode(_component_a_upload, {
-                          "file-list": fileList.value,
-                          "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => fileList.value = $event),
-                          "custom-request": customUpload,
-                          "show-upload-list": false,
-                          accept: "image/*"
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(_component_a_button, {
-                              type: "dashed",
-                              block: ""
-                            }, {
-                              default: withCtx(() => [
-                                createVNode(unref(UploadOutlined)),
-                                _cache[1] || (_cache[1] = createTextVNode(" 选择图片 ", -1))
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["file-list"]),
-                        _cache[2] || (_cache[2] = createElementVNode("div", { class: "upload-tip" }, " 支持 jpg、png、gif 等格式，建议尺寸不超过 2MB ", -1))
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const PictureBasePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-45c1dac0"]]);
-export {
-  PictureBasePes as default
-};

package/dist/sun-card-designer.es43.js

@@ -1,250 +0,0 @@
-import { ref, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, createBlock, createCommentVNode, Fragment } from "vue";
-/* empty css                        */
-import _export_sfc from "./sun-card-designer.es16.js";
-const _hoisted_1 = { class: "picture-style" };
-const _hoisted_2 = { class: "slider-row" };
-const _hoisted_3 = { class: "slider-row" };
-const _hoisted_4 = { class: "slider-row" };
-const _sfc_main = {
-  __name: "pictureStylePes",
-  props: ["record"],
-  setup(__props) {
-    const props = __props;
-    const modeOptions = ref([
-      {
-        label: "宽度固定",
-        value: "fixed"
-      },
-      {
-        label: "宽度铺满",
-        value: "auto"
-      }
-    ]);
-    const cuttingModeOptions = ref([
-      {
-        label: "铺满缩放",
-        value: "cover"
-      },
-      {
-        label: "填充缩放",
-        value: "contain"
-      }
-    ]);
-    const alignOptions = ref([
-      {
-        label: "左对齐",
-        value: "left"
-      },
-      {
-        label: "居中",
-        value: "center"
-      },
-      {
-        label: "右对齐",
-        value: "right"
-      }
-    ]);
-    const sizeOptions = ref([
-      {
-        label: "小",
-        value: "small"
-      },
-      {
-        label: "中",
-        value: "middle"
-      },
-      {
-        label: "大",
-        value: "large"
-      },
-      {
-        label: "自定义",
-        value: "custom"
-      }
-    ]);
-    const sizeChange = (value) => {
-      if (value === "small") {
-        props.record.options.style.width = 40;
-        props.record.options.style.height = 40;
-      } else if (value === "middle") {
-        props.record.options.style.width = 72;
-        props.record.options.style.height = 72;
-      } else if (value === "large") {
-        props.record.options.style.width = 200;
-        props.record.options.style.height = 200;
-      } else if (value === "custom") {
-        props.record.options.style.width = 120;
-        props.record.options.style.height = 120;
-      }
-    };
-    return (_ctx, _cache) => {
-      const _component_a_divider = resolveComponent("a-divider");
-      const _component_a_segmented = resolveComponent("a-segmented");
-      const _component_a_form_item = resolveComponent("a-form-item");
-      const _component_a_input_number = resolveComponent("a-input-number");
-      const _component_a_select = resolveComponent("a-select");
-      const _component_a_slider = resolveComponent("a-slider");
-      const _component_a_form = resolveComponent("a-form");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_a_divider, { style: { "margin-top": "0" } }),
-        _cache[13] || (_cache[13] = createElementVNode("div", { class: "title" }, "样式", -1)),
-        createVNode(_component_a_form, { layout: "vertical" }, {
-          default: withCtx(() => [
-            createVNode(_component_a_form_item, { label: "模式" }, {
-              default: withCtx(() => [
-                createVNode(_component_a_segmented, {
-                  block: "",
-                  value: props.record.options.style.mode,
-                  "onUpdate:value": _cache[0] || (_cache[0] = ($event) => props.record.options.style.mode = $event),
-                  options: modeOptions.value
-                }, null, 8, ["value", "options"])
-              ]),
-              _: 1
-            }),
-            props.record.options.style.mode === "fixed" ? (openBlock(), createBlock(_component_a_form_item, {
-              key: 0,
-              label: "尺寸"
-            }, {
-              default: withCtx(() => [
-                createVNode(_component_a_segmented, {
-                  block: "",
-                  value: props.record.options.style.size,
-                  "onUpdate:value": _cache[1] || (_cache[1] = ($event) => props.record.options.style.size = $event),
-                  options: sizeOptions.value,
-                  onChange: sizeChange
-                }, null, 8, ["value", "options"])
-              ]),
-              _: 1
-            })) : createCommentVNode("", true),
-            props.record.options.style.size === "custom" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createVNode(_component_a_form_item, { label: "宽度" }, {
-                default: withCtx(() => [
-                  createVNode(_component_a_input_number, {
-                    value: props.record.options.style.width,
-                    "onUpdate:value": _cache[2] || (_cache[2] = ($event) => props.record.options.style.width = $event),
-                    min: 1,
-                    max: 1e3,
-                    style: { "width": "100%" },
-                    placeholder: "宽度"
-                  }, null, 8, ["value"])
-                ]),
-                _: 1
-              }),
-              createVNode(_component_a_form_item, { label: "高度" }, {
-                default: withCtx(() => [
-                  createVNode(_component_a_input_number, {
-                    value: props.record.options.style.height,
-                    "onUpdate:value": _cache[3] || (_cache[3] = ($event) => props.record.options.style.height = $event),
-                    min: 1,
-                    max: 1e3,
-                    style: { "width": "100%" },
-                    placeholder: "高度"
-                  }, null, 8, ["value"])
-                ]),
-                _: 1
-              })
-            ], 64)) : createCommentVNode("", true),
-            createVNode(_component_a_form_item, { label: "裁剪比例" }, {
-              default: withCtx(() => [
-                createVNode(_component_a_select, {
-                  value: props.record.options.style.cuttingRatio,
-                  "onUpdate:value": _cache[4] || (_cache[4] = ($event) => props.record.options.style.cuttingRatio = $event),
-                  options: props.record.options.style.ratioOptions,
-                  style: { "width": "100%" }
-                }, null, 8, ["value", "options"])
-              ]),
-              _: 1
-            }),
-            createVNode(_component_a_form_item, { label: "裁剪模式" }, {
-              default: withCtx(() => [
-                createVNode(_component_a_segmented, {
-                  block: "",
-                  value: props.record.options.style.cuttingMode,
-                  "onUpdate:value": _cache[5] || (_cache[5] = ($event) => props.record.options.style.cuttingMode = $event),
-                  options: cuttingModeOptions.value
-                }, null, 8, ["value", "options"])
-              ]),
-              _: 1
-            }),
-            createVNode(_component_a_form_item, { label: "对齐方式" }, {
-              default: withCtx(() => [
-                createVNode(_component_a_segmented, {
-                  block: "",
-                  value: props.record.options.style.align,
-                  "onUpdate:value": _cache[6] || (_cache[6] = ($event) => props.record.options.style.align = $event),
-                  options: alignOptions.value
-                }, null, 8, ["value", "options"])
-              ]),
-              _: 1
-            }),
-            createVNode(_component_a_form_item, { label: "圆角" }, {
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_2, [
-                  createVNode(_component_a_slider, {
-                    min: 0,
-                    max: props.record.options.style.width / 2,
-                    value: props.record.options.style.borderRadius,
-                    "onUpdate:value": _cache[7] || (_cache[7] = ($event) => props.record.options.style.borderRadius = $event),
-                    style: { "flex": "1", "margin-right": "12px" }
-                  }, null, 8, ["max", "value"]),
-                  createVNode(_component_a_input_number, {
-                    min: 0,
-                    max: props.record.options.style.width / 2,
-                    value: props.record.options.style.borderRadius,
-                    "onUpdate:value": _cache[8] || (_cache[8] = ($event) => props.record.options.style.borderRadius = $event)
-                  }, null, 8, ["max", "value"])
-                ])
-              ]),
-              _: 1
-            }),
-            createVNode(_component_a_form_item, { label: "上下边距" }, {
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_3, [
-                  createVNode(_component_a_slider, {
-                    min: 0,
-                    max: 10,
-                    value: props.record.options.style.tbPadding,
-                    "onUpdate:value": _cache[9] || (_cache[9] = ($event) => props.record.options.style.tbPadding = $event),
-                    style: { "flex": "1", "margin-right": "12px" }
-                  }, null, 8, ["value"]),
-                  createVNode(_component_a_input_number, {
-                    min: 0,
-                    max: 10,
-                    value: props.record.options.style.tbPadding,
-                    "onUpdate:value": _cache[10] || (_cache[10] = ($event) => props.record.options.style.tbPadding = $event)
-                  }, null, 8, ["value"])
-                ])
-              ]),
-              _: 1
-            }),
-            createVNode(_component_a_form_item, { label: "左右边距" }, {
-              default: withCtx(() => [
-                createElementVNode("div", _hoisted_4, [
-                  createVNode(_component_a_slider, {
-                    min: 0,
-                    max: 10,
-                    value: props.record.options.style.lrPadding,
-                    "onUpdate:value": _cache[11] || (_cache[11] = ($event) => props.record.options.style.lrPadding = $event),
-                    style: { "flex": "1", "margin-right": "12px" }
-                  }, null, 8, ["value"]),
-                  createVNode(_component_a_input_number, {
-                    min: 0,
-                    max: 10,
-                    value: props.record.options.style.lrPadding,
-                    "onUpdate:value": _cache[12] || (_cache[12] = ($event) => props.record.options.style.lrPadding = $event)
-                  }, null, 8, ["value"])
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-};
-const PictureStylePes = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f806ce19"]]);
-export {
-  PictureStylePes as default
-};