cnhis-design-vue 3.1.40-beta.12 → 3.1.40-beta.15

package/es/components/scale-view/src/components/formitem/r-collection.js

@@ -1,111 +1 @@
-import { defineComponent, computed, createVNode, withDirectives, vShow, resolveComponent, createTextVNode } from 'vue';
-import { NDivider, NIcon } from 'naive-ui';
-import { AlertCircleOutline } from '@vicons/ionicons5';
-
-var RCollection = defineComponent({
-  name: "RCollection",
-  components: {
-    NDivider,
-    NIcon
-  },
-  props: {
-    form: {
-      type: Object,
-      default: () => ({})
-    },
-    item: {
-      type: Object,
-      default: () => ({})
-    },
-    isLock: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [],
-  setup(props, {
-    emit
-  }) {
-    var _a, _b;
-    const type = (_a = props.item) == null ? void 0 : _a.type;
-    const {
-      title,
-      describe
-    } = props.item || {};
-    const options = ((_b = props.item) == null ? void 0 : _b.setting) || {};
-    const className = computed(() => {
-      const type2 = options.promptType;
-      return type2 ? `is-${type2}` : "";
-    });
-    const showIcon = computed(() => {
-      return options.promptType === "strong";
-    });
-    const imgLink = computed(() => {
-      return options.imgLink;
-    });
-    const imgUrl = computed(() => {
-      return options.imgUrl;
-    });
-    const defaultValue = computed(() => {
-      return options.defaultValue;
-    });
-    const renderTitle = () => {
-      return createVNode("div", {
-        "class": "c-scale-collection scale-collection-title"
-      }, [title && createVNode("h1", {
-        "class": "lb-title"
-      }, [title]), describe && createVNode("div", {
-        "class": "lb-title"
-      }, [describe])]);
-    };
-    const renderLinebar = () => {
-      return createVNode("div", {
-        "class": "linebar-div"
-      }, [withDirectives(createVNode("span", null, [props.item.title]), [[vShow, props.item.title]]), createVNode(resolveComponent("n-divider"), null, null)]);
-    };
-    const renderPrompt = () => {
-      return createVNode("div", {
-        "class": ["prompt-message", "c-scale-collection", className.value]
-      }, [showIcon.value && createVNode(NIcon, {
-        "class": "prompt-icon",
-        "size": "20",
-        "component": AlertCircleOutline
-      }, null), createVNode("div", {
-        "class": "prompt-message-content "
-      }, [createTextVNode(" "), options.promptMsg || ""])]);
-    };
-    const renderImgCard = () => {
-      return createVNode("div", {
-        "class": "c-scale-collection"
-      }, [imgLink.value && createVNode("a", {
-        "href": imgLink.value,
-        "target": "_blank"
-      }, [createVNode("img", {
-        "class": "img-card",
-        "src": imgUrl.value
-      }, null), " "]), !imgLink.value && createVNode("img", {
-        "class": "img-card",
-        "src": imgUrl.value
-      }, null)]);
-    };
-    const renderRichText = () => {
-      return createVNode("div", {
-        "class": "c-scale-collection",
-        "innerHTML": defaultValue.value
-      }, null);
-    };
-    return () => {
-      if (type === "TITLE")
-        return renderTitle();
-      if (type === "LINEBAR")
-        return renderLinebar();
-      if (type === "PROMPT")
-        return renderPrompt();
-      if (type === "IMGCARD")
-        return renderImgCard();
-      return renderRichText();
-    };
-  }
-});
-
-export { RCollection as default };
+import{defineComponent as e,computed as l,createVNode as t,withDirectives as i,vShow as s,resolveComponent as c,createTextVNode as a}from"vue";import{NDivider as o,NIcon as n}from"naive-ui";import{AlertCircleOutline as r}from"@vicons/ionicons5";var m=e({name:"RCollection",components:{NDivider:o,NIcon:n},props:{form:{type:Object,default:()=>({})},item:{type:Object,default:()=>({})},isLock:{type:Boolean,default:!1}},emits:[],setup(e,{emit:o}){var m,p;const u=null==(m=e.item)?void 0:m.type,{title:v,describe:d}=e.item||{},g=(null==(p=e.item)?void 0:p.setting)||{},f=l((()=>{const e=g.promptType;return e?`is-${e}`:""})),b=l((()=>"strong"===g.promptType)),y=l((()=>g.imgLink)),T=l((()=>g.imgUrl)),L=l((()=>g.defaultValue));return()=>"TITLE"===u?t("div",{class:"c-scale-collection scale-collection-title"},[v&&t("h1",{class:"lb-title"},[v]),d&&t("div",{class:"lb-title"},[d])]):"LINEBAR"===u?t("div",{class:"linebar-div"},[i(t("span",null,[e.item.title]),[[s,e.item.title]]),t(c("n-divider"),null,null)]):"PROMPT"===u?t("div",{class:["prompt-message","c-scale-collection",f.value]},[b.value&&t(n,{class:"prompt-icon",size:"20",component:r},null),t("div",{class:"prompt-message-content "},[a(" "),g.promptMsg||""])]):"IMGCARD"===u?t("div",{class:"c-scale-collection"},[y.value&&t("a",{href:y.value,target:"_blank"},[t("img",{class:"img-card",src:T.value},null)," "]),!y.value&&t("img",{class:"img-card",src:T.value},null)]):t("div",{class:"c-scale-collection",innerHTML:L.value},null)}});export{m as default};

package/es/components/scale-view/src/components/formitem/r-datetime.js

@@ -1,212 +1 @@
-import { defineComponent, reactive, computed, createVNode, resolveComponent, createTextVNode } from 'vue';
-import { NTimePicker, NDatePicker } from 'naive-ui';
-import XEUtils from 'xe-utils';
-import moment from 'moment';
-
-var scriptDatetime = defineComponent({
-  name: "RDatetime",
-  components: {
-    NTimePicker,
-    NDatePicker
-  },
-  props: {
-    form: {
-      type: Object,
-      default: () => ({})
-    },
-    item: {
-      type: Object,
-      default: () => ({})
-    },
-    isLock: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["scaleChange"],
-  setup(props, context) {
-    var _a, _b, _c, _d, _e;
-    const type = (_a = props.item) == null ? void 0 : _a.type;
-    const startToStop = (_c = (_b = props.item) == null ? void 0 : _b.setting) == null ? void 0 : _c.startToStop;
-    const dateType = type === "DATE" ? "date" : (_e = (_d = props.item) == null ? void 0 : _d.setting) == null ? void 0 : _e.dateType;
-    const timeFormat = "HH:mm:ss";
-    const state = reactive({
-      rangeValue: [null, null],
-      dateValue: null
-    });
-    const useDateRangeType = computed(() => {
-      if (dateType == "datetime")
-        return "datetimerange";
-      return "daterange";
-    });
-    const defaultValue = (val) => {
-      console.log(val, "time---val---");
-      XEUtils.isJSON(val) && (val = JSON.parse(val));
-      if (!val || XEUtils.isEmpty(val))
-        return;
-      let value = JSON.parse(JSON.stringify(val));
-      if (type === "TIME" || dateType == "time") {
-        if (startToStop != 1) {
-          state.dateValue = val;
-          return;
-        }
-        if (!Array.isArray(value) || !value.length)
-          return;
-        let val0 = value[0] ? moment(value[0], timeFormat).valueOf() : "";
-        let val1 = value[1] ? moment(value[1], timeFormat).valueOf() : "";
-        let sV = val0 ? XEUtils.isValidDate(new Date(val0)) ? val0 : null : null;
-        let eV = val1 ? XEUtils.isValidDate(new Date(val1)) ? val1 : null : null;
-        state.rangeValue = [sV, eV];
-        return;
-      } else {
-        state.dateValue = val;
-      }
-    };
-    const disStartHours = (hour) => {
-      let endTime = state.rangeValue[1];
-      if (!endTime)
-        return false;
-      let eH = Number(new Date(endTime).getHours());
-      return hour > eH;
-    };
-    const disStartMinute = (minute, hour) => {
-      if (hour === null)
-        return false;
-      let endTime = state.rangeValue[1];
-      if (!endTime)
-        return false;
-      let eH = Number(new Date(endTime).getHours());
-      let eM = Number(new Date(endTime).getMinutes());
-      if (hour < eH)
-        return false;
-      return minute > eM;
-    };
-    const disStartSeconds = (second, minute, hour) => {
-      if (hour === null || minute === null)
-        return false;
-      let endTime = state.rangeValue[1];
-      if (!endTime)
-        return false;
-      let eH = Number(new Date(endTime).getHours());
-      let eM = Number(new Date(endTime).getMinutes());
-      let eS = Number(new Date(endTime).getSeconds());
-      if (hour < eH)
-        return false;
-      if (minute < eM)
-        return false;
-      return second >= eS;
-    };
-    const disEndHours = (hour) => {
-      let startTime = state.rangeValue[0];
-      if (!startTime)
-        return false;
-      let sH = Number(new Date(startTime).getHours());
-      return hour < sH;
-    };
-    const disEndMinute = (minute, hour) => {
-      if (hour === null)
-        return false;
-      let startTime = state.rangeValue[0];
-      if (!startTime)
-        return false;
-      let sH = Number(new Date(startTime).getHours());
-      let sM = Number(new Date(startTime).getMinutes());
-      if (hour > sH)
-        return false;
-      return minute < sM;
-    };
-    const disEndSeconds = (second, minute, hour) => {
-      if (hour === null || minute === null)
-        return false;
-      let startTime = state.rangeValue[0];
-      if (!startTime)
-        return false;
-      let sH = Number(new Date(startTime).getHours());
-      let sM = Number(new Date(startTime).getMinutes());
-      let sS = Number(new Date(startTime).getSeconds());
-      if (hour > sH)
-        return false;
-      if (minute > sM)
-        return false;
-      return second <= sS;
-    };
-    const changeRangeTime = (val, formattedValue, rangeType) => {
-      let otherIndex = rangeType === "start" ? 1 : 0;
-      let otherVal = state.rangeValue[otherIndex];
-      otherVal && (otherVal = moment(otherVal).format(timeFormat));
-      if (rangeType === "start") {
-        context.emit("scaleChange", [formattedValue, otherVal || ""], props.item);
-        return;
-      }
-      context.emit("scaleChange", [otherVal || "", formattedValue], props.item);
-    };
-    const changeDate = (val, formattedValue) => {
-      context.emit("scaleChange", formattedValue, props.item);
-    };
-    const renderTime = () => {
-      return createVNode(resolveComponent("n-time-picker"), {
-        "formatted-value": state.dateValue,
-        "onUpdate:formatted-value": ($event) => state.dateValue = $event,
-        "clearable": true,
-        "disabled": props.isLock,
-        "onUpdate:value": changeDate
-      }, null);
-    };
-    const renderTimeRange = () => {
-      return createVNode("div", {
-        "class": "c-time-range"
-      }, [createVNode(resolveComponent("n-time-picker"), {
-        "value": state.rangeValue[0],
-        "onUpdate:value": [($event) => state.rangeValue[0] = $event, (val, formattedValue) => changeRangeTime(val, formattedValue, "start")],
-        "clearable": true,
-        "disabled": props.isLock,
-        "isHourDisabled": disStartHours,
-        "isMinuteDisabled": disStartMinute,
-        "isSecondDisabled": disStartSeconds
-      }, null), createTextVNode("\xA0 - \xA0"), createVNode(resolveComponent("n-time-picker"), {
-        "value": state.rangeValue[1],
-        "onUpdate:value": [($event) => state.rangeValue[1] = $event, (val, formattedValue) => changeRangeTime(val, formattedValue, "end")],
-        "clearable": true,
-        "disabled": props.isLock,
-        "isHourDisabled": disEndHours,
-        "isMinuteDisabled": disEndMinute,
-        "isSecondDisabled": disEndSeconds
-      }, null)]);
-    };
-    const renderDate = () => {
-      return createVNode(resolveComponent("n-date-picker"), {
-        "formatted-value": state.dateValue,
-        "onUpdate:formatted-value": ($event) => state.dateValue = $event,
-        "type": dateType,
-        "clearable": true,
-        "disabled": props.isLock,
-        "onUpdate:value": changeDate
-      }, null);
-    };
-    const renderDateRange = () => {
-      return createVNode(resolveComponent("n-date-picker"), {
-        "formatted-value": state.dateValue,
-        "onUpdate:formatted-value": ($event) => state.dateValue = $event,
-        "type": useDateRangeType.value,
-        "clearable": true,
-        "disabled": props.isLock,
-        "onUpdate:value": changeDate
-      }, null);
-    };
-    defaultValue(props.form[props.item.val_key]);
-    return () => {
-      if (type === "TIME" || dateType == "time") {
-        if (startToStop == 1)
-          return renderTimeRange();
-        return renderTime();
-      }
-      if (dateType === "date" || dateType === "datetime") {
-        if (startToStop == 1)
-          return renderDateRange();
-      }
-      return renderDate();
-    };
-  }
-});
-
-export { scriptDatetime as default };
+import{defineComponent as e,reactive as t,computed as a,createVNode as l,resolveComponent as r,createTextVNode as u}from"vue";import{NTimePicker as n,NDatePicker as i}from"naive-ui";import s from"xe-utils";import d from"moment";var o=e({name:"RDatetime",components:{NTimePicker:n,NDatePicker:i},props:{form:{type:Object,default:()=>({})},item:{type:Object,default:()=>({})},isLock:{type:Boolean,default:!1}},emits:["scaleChange"],setup(e,n){var i,o,m,g,c;const f=null==(i=e.item)?void 0:i.type,p=null==(m=null==(o=e.item)?void 0:o.setting)?void 0:m.startToStop,b="DATE"===f?"date":null==(c=null==(g=e.item)?void 0:g.setting)?void 0:c.dateType,v="HH:mm:ss",D=t({rangeValue:[null,null],dateValue:null}),V=a((()=>"datetime"==b?"datetimerange":"daterange")),N=e=>{let t=D.rangeValue[1];return!!t&&e>Number(new Date(t).getHours())},w=(e,t)=>{if(null===t)return!1;let a=D.rangeValue[1];if(!a)return!1;let l=Number(new Date(a).getHours()),r=Number(new Date(a).getMinutes());return!(t<l)&&e>r},k=(e,t,a)=>{if(null===a||null===t)return!1;let l=D.rangeValue[1];if(!l)return!1;let r=Number(new Date(l).getHours()),u=Number(new Date(l).getMinutes()),n=Number(new Date(l).getSeconds());return!(a<r)&&(!(t<u)&&e>=n)},y=e=>{let t=D.rangeValue[0];return!!t&&e<Number(new Date(t).getHours())},H=(e,t)=>{if(null===t)return!1;let a=D.rangeValue[0];if(!a)return!1;let l=Number(new Date(a).getHours()),r=Number(new Date(a).getMinutes());return!(t>l)&&e<r},S=(e,t,a)=>{if(null===a||null===t)return!1;let l=D.rangeValue[0];if(!l)return!1;let r=Number(new Date(l).getHours()),u=Number(new Date(l).getMinutes()),n=Number(new Date(l).getSeconds());return!(a>r)&&(!(t>u)&&e<=n)},M=(t,a,l)=>{let r="start"===l?1:0,u=D.rangeValue[r];u&&(u=d(u).format(v)),"start"!==l?n.emit("scaleChange",[u||"",a],e.item):n.emit("scaleChange",[a,u||""],e.item)},O=(t,a)=>{n.emit("scaleChange",a,e.item)};return(e=>{if(console.log(e,"time---val---"),s.isJSON(e)&&(e=JSON.parse(e)),!e||s.isEmpty(e))return;let t=JSON.parse(JSON.stringify(e));if("TIME"!==f&&"time"!=b)D.dateValue=e;else{if(1!=p)return void(D.dateValue=e);if(!Array.isArray(t)||!t.length)return;let a=t[0]?d(t[0],v).valueOf():"",l=t[1]?d(t[1],v).valueOf():"",r=a&&s.isValidDate(new Date(a))?a:null,u=l&&s.isValidDate(new Date(l))?l:null;D.rangeValue=[r,u]}})(e.form[e.item.val_key]),()=>"TIME"===f||"time"==b?1==p?l("div",{class:"c-time-range"},[l(r("n-time-picker"),{value:D.rangeValue[0],"onUpdate:value":[e=>D.rangeValue[0]=e,(e,t)=>M(0,t,"start")],clearable:!0,disabled:e.isLock,isHourDisabled:N,isMinuteDisabled:w,isSecondDisabled:k},null),u("  -  "),l(r("n-time-picker"),{value:D.rangeValue[1],"onUpdate:value":[e=>D.rangeValue[1]=e,(e,t)=>M(0,t,"end")],clearable:!0,disabled:e.isLock,isHourDisabled:y,isMinuteDisabled:H,isSecondDisabled:S},null)]):l(r("n-time-picker"),{"formatted-value":D.dateValue,"onUpdate:formatted-value":e=>D.dateValue=e,clearable:!0,disabled:e.isLock,"onUpdate:value":O},null):l(r("n-date-picker"),"date"!==b&&"datetime"!==b||1!=p?{"formatted-value":D.dateValue,"onUpdate:formatted-value":e=>D.dateValue=e,type:b,clearable:!0,disabled:e.isLock,"onUpdate:value":O}:{"formatted-value":D.dateValue,"onUpdate:formatted-value":e=>D.dateValue=e,type:V.value,clearable:!0,disabled:e.isLock,"onUpdate:value":O},null)}});export{o as default};

package/es/components/scale-view/src/components/formitem/r-input.js

@@ -1,86 +1 @@
-import { defineComponent, computed, ref, watch, createVNode } from 'vue';
-import { NInput } from 'naive-ui';
-
-var RInput = defineComponent({
-  name: "RInput",
-  components: {
-    NInput
-  },
-  props: {
-    form: {
-      type: Object,
-      default: () => ({})
-    },
-    item: {
-      type: Object,
-      default: () => ({})
-    },
-    isLock: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: ["scaleChange"],
-  setup(props, {
-    emit
-  }) {
-    var _a, _b, _c, _d, _e, _f;
-    let type = (_a = props.item) == null ? void 0 : _a.valueType;
-    let eleType = ((_b = props.item) == null ? void 0 : _b.type) || "INPUT";
-    let isTextarea = eleType == "INPUT" || eleType == "EVALUATE_INPUT";
-    let row = ((_d = (_c = props.item) == null ? void 0 : _c.setting) == null ? void 0 : _d.inputRow) || 1;
-    let defaultPlaceHolder = (_f = (_e = props.item) == null ? void 0 : _e.setting) == null ? void 0 : _f.defaultPlaceHolder;
-    const setTextareaRow = computed(() => {
-      if (!row || row == "auto") {
-        return {
-          minRows: 1
-        };
-      }
-      return {
-        minRows: row || 1,
-        maxRows: row || 1
-      };
-    });
-    const keydown = (e) => {
-      if (!isTextarea)
-        return;
-      let key = e.key;
-      if (key === "e" || key === "E" || key === "+" || key === "-") {
-        e.returnValue = false;
-      } else {
-        e.returnValue = true;
-      }
-    };
-    const inputValue = ref(props.form[props.item.val_key]);
-    watch(() => props.form[props.item.val_key], (val) => {
-      inputValue.value = val;
-    }, {
-      immediate: true
-    });
-    const handleUpdateValue = (val) => {
-      if (isTextarea && val && type === "number") {
-        inputValue.value = val.replace(/[^\d.]/gi, "");
-      } else {
-        inputValue.value = val;
-      }
-      emit("scaleChange", inputValue.value, props.item);
-    };
-    const inputRender = () => {
-      let inputType = isTextarea ? "textarea" : type || "text";
-      return createVNode(NInput, {
-        "value": inputValue.value,
-        "type": inputType,
-        "autosize": setTextareaRow.value,
-        "placeholder": defaultPlaceHolder,
-        "disabled": props.isLock,
-        "onKeydown": keydown,
-        "onUpdate:value": handleUpdateValue
-      }, null);
-    };
-    return () => {
-      return inputRender();
-    };
-  }
-});
-
-export { RInput as default };
+import{defineComponent as e,computed as t,ref as l,watch as a,createVNode as o}from"vue";import{NInput as u}from"naive-ui";var i=e({name:"RInput",components:{NInput:u},props:{form:{type:Object,default:()=>({})},item:{type:Object,default:()=>({})},isLock:{type:Boolean,default:!1}},emits:["scaleChange"],setup(e,{emit:i}){var n,m,r,v,d,p;let s=null==(n=e.item)?void 0:n.valueType,c=(null==(m=e.item)?void 0:m.type)||"INPUT",f="INPUT"==c||"EVALUATE_INPUT"==c,y=(null==(v=null==(r=e.item)?void 0:r.setting)?void 0:v.inputRow)||1,g=null==(p=null==(d=e.item)?void 0:d.setting)?void 0:p.defaultPlaceHolder;const k=t((()=>y&&"auto"!=y?{minRows:y||1,maxRows:y||1}:{minRows:1})),w=e=>{if(!f)return;let t=e.key;e.returnValue="e"!==t&&"E"!==t&&"+"!==t&&"-"!==t},I=l(e.form[e.item.val_key]);a((()=>e.form[e.item.val_key]),(e=>{I.value=e}),{immediate:!0});const R=t=>{I.value=f&&t&&"number"===s?t.replace(/[^\d.]/gi,""):t,i("scaleChange",I.value,e.item)};return()=>(()=>{let t=f?"textarea":s||"text";return o(u,{value:I.value,type:t,autosize:k.value,placeholder:g,disabled:e.isLock,onKeydown:w,"onUpdate:value":R},null)})()}});export{i as default};

package/es/components/scale-view/src/components/formitem/r-map.js

@@ -1,106 +1 @@
-import { defineComponent, reactive, createVNode, resolveComponent } from 'vue';
-import { NModal, NInput, NIcon } from 'naive-ui';
-import XEUtils from 'xe-utils';
-import 'moment';
-import { AlertCircleOutline } from '@vicons/ionicons5';
-import Map from '../../../../map/index.js';
-
-var RMap = defineComponent({
-  name: "RMap",
-  components: {
-    NModal,
-    NInput,
-    NIcon,
-    CMap: Map
-  },
-  props: {
-    form: {
-      type: Object,
-      default: () => ({})
-    },
-    item: {
-      type: Object,
-      default: () => ({})
-    },
-    isLock: {
-      type: Boolean,
-      default: false
-    },
-    locationProp: {
-      type: String,
-      default: ""
-    },
-    ak: {
-      type: String,
-      default: "KP3BZ-OAC3W-PY6RY-OJ6DV-JYKN3-H6F72"
-    }
-  },
-  emits: ["scaleChange"],
-  setup(props, context) {
-    let locationProp = props.form[props.item.val_key];
-    const state = reactive({
-      mapVisible: false,
-      mapLocation: ""
-    });
-    const handleGetAddress = (val) => {
-      if (XEUtils.isJSON(val)) {
-        const valObj = JSON.parse(val);
-        return valObj.address || valObj.name;
-      }
-      return "";
-    };
-    state.mapLocation = handleGetAddress(locationProp);
-    const handleSelectLocation = (obj) => {
-      const {
-        locationProp: locationProp2,
-        isInit
-      } = obj;
-      state.mapLocation = handleGetAddress(locationProp2);
-      context.emit("scaleChange", locationProp2, props.item);
-      state.mapVisible = false;
-    };
-    const clickMap = () => {
-      if (props.isLock)
-        return;
-      state.mapVisible = true;
-    };
-    const renderMap = () => {
-      return createVNode("div", {
-        "class": {
-          "c-map-container": !props.isLock
-        }
-      }, [createVNode(resolveComponent("n-input"), {
-        "value": state.mapLocation,
-        "disabled": true,
-        "class": "map-input",
-        "on-click": clickMap,
-        "placeholder": "\u8BF7\u9009\u62E9"
-      }, {
-        prefix: () => createVNode(resolveComponent("n-icon"), {
-          "size": "18",
-          "component": AlertCircleOutline
-        }, null)
-      }), createVNode(resolveComponent("n-modal"), {
-        "class": "c-scale-map-modal",
-        "show": state.mapVisible,
-        "onUpdate:show": ($event) => state.mapVisible = $event,
-        "preset": "card",
-        "style": {
-          width: "800px",
-          height: "80vh"
-        }
-      }, {
-        default: () => [createVNode(Map, {
-          "locationProp": props.locationProp,
-          "ak": props.ak,
-          "onSelectLocation": handleSelectLocation
-        }, null)]
-      })]);
-    };
-    return () => {
-      return renderMap();
-    };
-  }
-});
-
-export { RMap as default };
+import{defineComponent as o,reactive as e,createVNode as t,resolveComponent as a}from"vue";import{NModal as i,NInput as n,NIcon as p}from"naive-ui";import s from"xe-utils";import"moment";import{AlertCircleOutline as l}from"@vicons/ionicons5";import m from"../../../../map/index.js";var c=o({name:"RMap",components:{NModal:i,NInput:n,NIcon:p,CMap:m},props:{form:{type:Object,default:()=>({})},item:{type:Object,default:()=>({})},isLock:{type:Boolean,default:!1},locationProp:{type:String,default:""},ak:{type:String,default:"KP3BZ-OAC3W-PY6RY-OJ6DV-JYKN3-H6F72"}},emits:["scaleChange"],setup(o,i){let n=o.form[o.item.val_key];const p=e({mapVisible:!1,mapLocation:""}),c=o=>{if(s.isJSON(o)){const e=JSON.parse(o);return e.address||e.name}return""};p.mapLocation=c(n);const r=e=>{const{locationProp:t,isInit:a}=e;p.mapLocation=c(t),i.emit("scaleChange",t,o.item),p.mapVisible=!1},d=()=>{o.isLock||(p.mapVisible=!0)};return()=>t("div",{class:{"c-map-container":!o.isLock}},[t(a("n-input"),{value:p.mapLocation,disabled:!0,class:"map-input","on-click":d,placeholder:"请选择"},{prefix:()=>t(a("n-icon"),{size:"18",component:l},null)}),t(a("n-modal"),{class:"c-scale-map-modal",show:p.mapVisible,"onUpdate:show":o=>p.mapVisible=o,preset:"card",style:{width:"800px",height:"80vh"}},{default:()=>[t(m,{locationProp:o.locationProp,ak:o.ak,onSelectLocation:r},null)]})])}});export{c as default};