cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.5

package/es/components/map/src/Map.vue2.js

@@ -1 +1,360 @@
-import{defineComponent as e,reactive as a,computed as t,onMounted as n,openBlock as s,createElementBlock as o,createElementVNode as l,createVNode as r,unref as i,withCtx as c,createTextVNode as d,toDisplayString as p,Fragment as m,renderList as u,createCommentVNode as g}from"vue";import{useMessage as v,NInput as q,NButton as L}from"naive-ui";const h={class:"c-map"},y={class:"search-container"},f={class:"map-input-search"},k={class:"input-addon"},w=l("div",{id:"map-core"},null,-1),_={key:0,class:"address-list"},S=["onClick"],P={class:"title"};var C=e({__name:"Map",props:{locationProp:{type:String,default:""},ak:{type:String,default:"KP3BZ-OAC3W-PY6RY-OJ6DV-JYKN3-H6F72"}},emits:["selectLocation"],setup(e,{emit:C}){const O=e,T=a({qq:null,searchKey:"",centrePoint:{},location:{lng:"",lat:""},localObj:{},map:null,ac:null,addressList:[],markers:[],timeout:null,searchService:null,geocoder:{}}),M=t((()=>{var e,a;return null==(a=null==(e=T.addressList)?void 0:e[0])?void 0:a.name})),B=t((()=>O.locationProp&&JSON.parse(O.locationProp)||null)),I=v(),E=e=>{if(e&&"geolocation"==e.module){T.location.lng=e.lng,T.location.lat=e.lat;const a=new T.qq.maps.LatLng(e.lat,e.lng);x({latLng:a}),K({lat:e.lat,lng:e.lng})}else console.log("用户不允许获取地理位置"),T.location.lng=113.275,T.location.lat=23.117},K=e=>{const a=T.qq;var t=new a.maps.LatLng(e.lat,e.lng);T.centrePoint=t,T.map.panTo(t);const n=new a.maps.Marker({position:t,map:T.map});T.markers.push(n)},N=e=>{for(var a;a=e.pop();)a.setMap(null)},b=()=>{T.markers&&T.markers.length&&N(T.markers),T.markers=[]},x=(e={})=>{const a=T.qq,t=e.latLng,n=new a.maps.Geocoder;n.setComplete((e=>{if("GEO_INFO"===e.type){var t=new a.maps.LatLngBounds,n=e.detail.nearPois||[];b(),T.addressList=n||[];for(let e=0;e<n.length;e++){const o=n[e];var s=new a.maps.Marker({map:T.map});s.setPosition(o.latLng),s.setTitle(e+1),T.markers.push(s),t.extend(o.latLng)}T.map.fitBounds(t)}var o=e.detail.location||{};K(o)})),n.setError((function(){alert("出错了，请输入正确的经纬度！！！")})),n.getAddress(t)},A=()=>{let e=T.searchKey;e&&(T.markers&&T.markers.length&&N(T.markers),T.searchService.setLocation(""),T.searchService.setPageCapacity(50),T.searchService.search(e))},G=(e,a)=>{const t=T.qq,{name:n,address:s,latLng:o}=e,{lat:l,lng:r}=o,i=new t.maps.Geocoder;i.setComplete((function(e){if("GEO_INFO"===e.type){const{addressComponents:{province:a,city:t,district:o,country:i}}=e.detail,c=JSON.stringify({name:n,address:s,province:a,city:t,district:o,country:i,lat:l,lng:r});C("selectLocation",{locationProp:c,isInit:!1})}})),i.setError((function(){alert("出错了，请输入正确的经纬度！！！")})),i.getAddress(o)},J=e=>{var a={zoom:12,center:new e.maps.LatLng(39.916527,116.397128),mapTypeId:e.maps.MapTypeId.ROADMAP};T.map=new e.maps.Map(document.getElementById("map-core"),a);const{lat:t,lng:n,address:s}=B.value||{};if(t&&n){const a=new e.maps.LatLng(t,n);x({latLng:a})}else s?setTimeout((()=>{A()}),300):new T.qq.maps.Geolocation(O.ak,"qqmap").getLocation(E,(function(e){console.log(e)}),{timeout:9e3});T.qq.maps.event.addDomListener(T.map,"click",(function(e){x({latLng:e.latLng})}))},Y=e=>{T.qq=e,setTimeout((()=>{J(e),(()=>{const e=T.qq;T.searchService=new e.maps.SearchService({complete:function(a){var t,n,s=a.detail.pois||[],o=new e.maps.LatLngBounds;if("CITY_LIST"===a.type)return T.searchService.setLocation(a.detail.cities[0].cityName),void T.searchService.search(T.searchKey);if(T.addressList=s||[],b(),"POI_LIST"===a.type)for(var l=0,r=s.length;l<r;l++){var i=s[l];o.extend(i.latLng),t=l,n=void 0,(n=new e.maps.Marker({map:T.map})).setPosition(s[t].latLng),n.setTitle(l+1),T.markers.push(n)}T.map.fitBounds(o)},error:function(e){console.log(e),"NO_RESULTS"!==e?I.warning("地址检索先输入城市名称"):I.warning("查无结果！")},autoExtend:!0})})()}),0)},j=()=>{(()=>{var e,a;let t=window;if(t.qq)return t.qq._preloader?t.qq._preloader:Promise.resolve(t.qq);{const n=O.ak||(null==(a=null==(e=t._qq)?void 0:e.call(t))?void 0:a.ak);return t.qq={},t.qq._preloader=new Promise((e=>{t._initBaiduMap=function(){e(t.qq),t.document.body.removeChild(a),t.qq._preloader=null,t._initBaiduMap=null};const a=document.createElement("script");window.document.body.appendChild(a),a.src=`https://map.qq.com/api/js?v=2.exp&key=${n}&callback=_initBaiduMap`;const s=document.createElement("script");window.document.body.appendChild(s),s.src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"})),t.qq._preloader}})().then(Y)};return n((()=>{setTimeout((()=>{j()}),200)})),(e,a)=>(s(),o("div",h,[l("div",y,[l("div",f,[r(i(q),{value:T.searchKey,"onUpdate:value":a[0]||(a[0]=e=>T.searchKey=e),placeholder:"请输入地址","enter-button":"检索"},null,8,["value"]),l("span",k,[r(i(L),{type:"primary",size:"small",onClick:A},{default:c((()=>[d("检索")])),_:1})])])]),w,T.addressList&&T.addressList.length?(s(),o("ul",_,[l("li",null,[d(" 地址:"+p(i(M))+" ",1),r(i(L),{type:"primary",size:"small",onClick:a[1]||(a[1]=e=>G(T.addressList[0]))},{default:c((()=>{var e;return[d((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.27"))||"确定")]})),_:1})]),(s(!0),o(m,null,u(T.addressList,((e,a)=>(s(),o("li",{class:"address-item",key:a},[l("div",{onClick:a=>G(e)},[l("div",P,p(e.name),1),l("span",null,p(e.address),1)],8,S)])))),128))])):g("v-if",!0)]))}});export{C as default};
+import { defineComponent, reactive, computed, onMounted, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode } from 'vue';
+import { useMessage, NInput, NButton } from 'naive-ui';
+
+const _hoisted_1 = {
+  class: "c-map"
+};
+const _hoisted_2 = {
+  class: "search-container"
+};
+const _hoisted_3 = {
+  class: "map-input-search"
+};
+const _hoisted_4 = {
+  class: "input-addon"
+};
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("div", {
+  id: "map-core"
+}, null, -1);
+const _hoisted_6 = {
+  key: 0,
+  class: "address-list"
+};
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = {
+  class: "title"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Map",
+  props: {
+    locationProp: {
+      type: String,
+      default: ""
+    },
+    ak: {
+      type: String,
+      default: "KP3BZ-OAC3W-PY6RY-OJ6DV-JYKN3-H6F72"
+    }
+  },
+  emits: [
+    "selectLocation"
+  ],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    const state = reactive({
+      qq: null,
+      searchKey: "",
+      centrePoint: {},
+      location: {
+        lng: "",
+        lat: ""
+      },
+      localObj: {},
+      map: null,
+      ac: null,
+      addressList: [],
+      markers: [],
+      timeout: null,
+      searchService: null,
+      geocoder: {}
+    });
+    const defAdress = computed(() => {
+      var _a, _b;
+      return (_b = (_a = state.addressList) == null ? void 0 : _a[0]) == null ? void 0 : _b.name;
+    });
+    const calculateLocationProp = computed(() => {
+      return props.locationProp && JSON.parse(props.locationProp) || null;
+    });
+    const message = useMessage();
+    const showPosition = (r) => {
+      if (r && r.module == "geolocation") {
+        state.location.lng = r.lng;
+        state.location.lat = r.lat;
+        let qq = state.qq;
+        const new_opint = new qq.maps.LatLng(r.lat, r.lng);
+        handleGeocoder({
+          latLng: new_opint
+        });
+        hdnelSetMapcenter({
+          lat: r.lat,
+          lng: r.lng
+        });
+      } else {
+        console.log("\u7528\u6237\u4E0D\u5141\u8BB8\u83B7\u53D6\u5730\u7406\u4F4D\u7F6E");
+        state.location.lng = 113.275;
+        state.location.lat = 23.117;
+      }
+    };
+    const getLocation = () => {
+      const qq = state.qq;
+      const geolocation = new qq.maps.Geolocation(props.ak, "qqmap");
+      const options = {
+        timeout: 9e3
+      };
+      const showErr = function(err) {
+        console.log(err);
+      };
+      geolocation.getLocation(showPosition, showErr, options);
+    };
+    const hdnelSetMapcenter = (location) => {
+      const qq = state.qq;
+      var new_opint = new qq.maps.LatLng(location.lat, location.lng);
+      state.centrePoint = new_opint;
+      state.map.panTo(new_opint);
+      const mk = new qq.maps.Marker({
+        position: new_opint,
+        map: state.map
+      });
+      state.markers.push(mk);
+    };
+    const initSearch = () => {
+      const qq = state.qq;
+      state.searchService = new qq.maps.SearchService({
+        complete: function(results) {
+          var pois = results.detail.pois || [];
+          var latlngBounds = new qq.maps.LatLngBounds();
+          if (results.type === "CITY_LIST") {
+            state.searchService.setLocation(results.detail.cities[0].cityName);
+            state.searchService.search(state.searchKey);
+            return;
+          }
+          state.addressList = pois || [];
+          handleClearOverLays();
+          if (results.type === "POI_LIST") {
+            for (var i = 0, l = pois.length; i < l; i++) {
+              var poi = pois[i];
+              latlngBounds.extend(poi.latLng);
+              (function(n) {
+                var marker = new qq.maps.Marker({
+                  map: state.map
+                });
+                marker.setPosition(pois[n].latLng);
+                marker.setTitle(i + 1);
+                state.markers.push(marker);
+              })(i);
+            }
+          }
+          state.map.fitBounds(latlngBounds);
+        },
+        error: function(e) {
+          console.log(e);
+          if (e === "NO_RESULTS") {
+            message.warning("\u67E5\u65E0\u7ED3\u679C\uFF01");
+            return;
+          }
+          message.warning("\u5730\u5740\u68C0\u7D22\u5148\u8F93\u5165\u57CE\u5E02\u540D\u79F0");
+        },
+        autoExtend: true
+      });
+    };
+    const clearOverlays = (overlays) => {
+      var overlay;
+      while (overlay = overlays.pop()) {
+        overlay.setMap(null);
+      }
+    };
+    const handleClearOverLays = () => {
+      if (state.markers && state.markers.length) {
+        clearOverlays(state.markers);
+      }
+      state.markers = [];
+    };
+    const handleGeocoder = (config = {}) => {
+      const qq = state.qq;
+      const latLng = config.latLng;
+      const geocoder = new qq.maps.Geocoder();
+      geocoder.setComplete((result) => {
+        if (result.type === "GEO_INFO") {
+          var latlngBounds = new qq.maps.LatLngBounds();
+          var nearPois = result.detail.nearPois || [];
+          handleClearOverLays();
+          state.addressList = nearPois || [];
+          for (let index = 0; index < nearPois.length; index++) {
+            const pois = nearPois[index];
+            var marker = new qq.maps.Marker({
+              map: state.map
+            });
+            marker.setPosition(pois.latLng);
+            marker.setTitle(index + 1);
+            state.markers.push(marker);
+            latlngBounds.extend(pois.latLng);
+          }
+          state.map.fitBounds(latlngBounds);
+        }
+        var location = result.detail.location || {};
+        hdnelSetMapcenter(location);
+      });
+      geocoder.setError(function() {
+        alert("\u51FA\u9519\u4E86\uFF0C\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u7ECF\u7EAC\u5EA6\uFF01\uFF01\uFF01");
+      });
+      geocoder.getAddress(latLng);
+    };
+    const init = () => {
+      const qq = state.qq;
+      qq.maps.event.addDomListener(state.map, "click", function(event) {
+        handleGeocoder({
+          latLng: event.latLng
+        });
+      });
+    };
+    const searchKeyword = () => {
+      let value = state.searchKey;
+      if (!value)
+        return;
+      if (state.markers && state.markers.length) {
+        clearOverlays(state.markers);
+      }
+      state.searchService.setLocation("");
+      state.searchService.setPageCapacity(50);
+      state.searchService.search(value);
+    };
+    const selectLocation = (item, tag) => {
+      const qq = state.qq;
+      const {
+        name,
+        address,
+        latLng
+      } = item;
+      const {
+        lat,
+        lng
+      } = latLng;
+      const geocoder = new qq.maps.Geocoder();
+      geocoder.setComplete(function(result) {
+        if (result.type === "GEO_INFO") {
+          const {
+            addressComponents: {
+              province,
+              city,
+              district,
+              country
+            }
+          } = result.detail;
+          const emitData = JSON.stringify({
+            name,
+            address,
+            province,
+            city,
+            district,
+            country,
+            lat,
+            lng
+          });
+          emit("selectLocation", {
+            locationProp: emitData,
+            isInit: false
+          });
+        }
+      });
+      geocoder.setError(function() {
+        alert("\u51FA\u9519\u4E86\uFF0C\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u7ECF\u7EAC\u5EA6\uFF01\uFF01\uFF01");
+      });
+      geocoder.getAddress(latLng);
+    };
+    const setMap = (qq) => {
+      var myLatlng = new qq.maps.LatLng(39.916527, 116.397128);
+      var myOptions = {
+        zoom: 12,
+        center: myLatlng,
+        mapTypeId: qq.maps.MapTypeId.ROADMAP
+      };
+      state.map = new qq.maps.Map(document.getElementById("map-core"), myOptions);
+      const {
+        lat,
+        lng,
+        address
+      } = calculateLocationProp.value || {};
+      if (lat && lng) {
+        const new_opint = new qq.maps.LatLng(lat, lng);
+        handleGeocoder({
+          latLng: new_opint
+        });
+      } else if (address) {
+        setTimeout(() => {
+          searchKeyword();
+        }, 300);
+      } else {
+        getLocation();
+      }
+      init();
+    };
+    const initMap = (qq) => {
+      state.qq = qq;
+      setTimeout(() => {
+        setMap(qq);
+        initSearch();
+      }, 0);
+    };
+    const getMapScript = () => {
+      var _a, _b;
+      let _win = window;
+      if (!_win.qq) {
+        const ak = props.ak || ((_b = (_a = _win._qq) == null ? void 0 : _a.call(_win)) == null ? void 0 : _b.ak);
+        _win.qq = {};
+        _win.qq._preloader = new Promise((resolve) => {
+          _win._initBaiduMap = function() {
+            resolve(_win.qq);
+            _win.document.body.removeChild($script);
+            _win.qq._preloader = null;
+            _win._initBaiduMap = null;
+          };
+          const $script = document.createElement("script");
+          window.document.body.appendChild($script);
+          $script.src = `https://map.qq.com/api/js?v=2.exp&key=${ak}&callback=_initBaiduMap`;
+          const $script1 = document.createElement("script");
+          window.document.body.appendChild($script1);
+          $script1.src = `https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js`;
+        });
+        return _win.qq._preloader;
+      } else if (!_win.qq._preloader) {
+        return Promise.resolve(_win.qq);
+      } else {
+        return _win.qq._preloader;
+      }
+    };
+    const reset = () => {
+      getMapScript().then(initMap);
+    };
+    onMounted(() => {
+      setTimeout(() => {
+        reset();
+      }, 200);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createVNode(unref(NInput), {
+        value: state.searchKey,
+        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => state.searchKey = $event),
+        placeholder: "\u8BF7\u8F93\u5165\u5730\u5740",
+        "enter-button": "\u68C0\u7D22"
+      }, null, 8, ["value"]), createElementVNode("span", _hoisted_4, [createVNode(unref(NButton), {
+        type: "primary",
+        size: "small",
+        onClick: searchKeyword
+      }, {
+        default: withCtx(() => [createTextVNode("\u68C0\u7D22")]),
+        _: 1
+      })])])]), _hoisted_5, state.addressList && state.addressList.length ? (openBlock(), createElementBlock("ul", _hoisted_6, [createElementVNode("li", null, [createTextVNode(" \u5730\u5740:" + toDisplayString(unref(defAdress)) + " ", 1), createVNode(unref(NButton), {
+        type: "primary",
+        size: "small",
+        onClick: _cache[1] || (_cache[1] = ($event) => selectLocation(state.addressList[0]))
+      }, {
+        default: withCtx(() => {
+          var _a;
+          return [createTextVNode(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.27")) || "\u786E\u5B9A")];
+        }),
+        _: 1
+      })]), (openBlock(true), createElementBlock(Fragment, null, renderList(state.addressList, (item, index) => {
+        return openBlock(), createElementBlock("li", {
+          class: "address-item",
+          key: index
+        }, [createElementVNode("div", {
+          onClick: ($event) => selectLocation(item)
+        }, [createElementVNode("div", _hoisted_8, toDisplayString(item.name), 1), createElementVNode("span", null, toDisplayString(item.address), 1)], 8, _hoisted_7)]);
+      }), 128))])) : createCommentVNode("v-if", true)]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/picture-clipper/index.js

@@ -1 +1,10 @@
-import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as i}from"../../shared/utils/index.js";import e from"./src/PictureClipper.vue.js";const t=e;t.install=function(e){i(e,t,r+"PictureClipper")};export{t as default};
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import script from './src/PictureClipper.vue.js';
+
+const PictureClipper = script;
+PictureClipper.install = function(app) {
+  safeComponentRegister(app, PictureClipper, COMPONENT_NAMESPACE + "PictureClipper");
+};
+
+export { PictureClipper as default };

package/es/components/picture-clipper/src/PictureClipper.vue.js

@@ -1 +1,6 @@
-import e from"./PictureClipper.vue2.js";import r from"../../../_virtual/_plugin-vue_export-helper.js";var p=r(e,[["__file","PictureClipper.vue"]]);export{p as default};
+import _sfc_main from './PictureClipper.vue2.js';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
+
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "PictureClipper.vue"]]);
+
+export { script as default };

package/es/components/picture-clipper/src/PictureClipper.vue2.js

@@ -1 +1,232 @@
-import{defineComponent as e,ref as a,watch as n,nextTick as t,onBeforeUnmount as c,openBlock as i,createElementBlock as r,createElementVNode as l,createVNode as o,unref as s,withCtx as u,createTextVNode as v}from"vue";import{fabric as d}from"../../../shared/utils/fabricjs/index.js";import{NButton as p}from"naive-ui";import{isString as f}from"lodash-es";const h={class:"c-picture-clipper"},m={class:"canvas-right"},g={key:0,class:"preview-border"},w=["src"],y={class:"btns"};var C=e({__name:"PictureClipper",props:{source:{type:[String,File]}},emits:["save"],setup(e,{emit:C}){const P=e,b=500,k={x:250,y:270},R={originX:"center",originY:"center",left:k.x,top:k.y},_=a(null),L=a(),j={canvas:null,img:null,clipPath:null};function S(){var e;if(!j.canvas)return;const{width:a=0,height:n=0,left:t=0,top:c=0,scaleX:i=1,scaleY:r=1}=j.clipPath,l=a*i,o=n*r;L.value=null==(e=j.canvas)?void 0:e.toDataURL({left:t-l/2,top:c-o/2,width:l,height:o})}function U(){j.canvas&&C("save",L.value)}function x(e){var a;j.canvas&&(null==(a=j.clipPath)||a.setCoords().set({...R,...e,scaleX:1,scaleY:1}),F(),L.value="")}function F(){const{canvas:e,clipPath:a}=j;e&&a&&(j.canvas.discardActiveObject(),j.clipPath.bringToFront(),j.canvas.setActiveObject(j.clipPath))}return n((()=>P.source),(async e=>{e&&(await t(),async function(){const{minLength:e,sourceScale:a,sourceUrl:n}=await function(){return new Promise(((a,n)=>{if(f(P.source))e(P.source).then((e=>a(e)));else if(Object.prototype.toString.call(P.source).includes("File")){const n=new FileReader;n.onload=t=>{e(n.result).then((e=>a(e)))},n.readAsDataURL(P.source)}}));function e(e){return new Promise(((a,n)=>{const t=d.util.createImage();t.src=e,t.onload=n=>{const{width:c,height:i}=t;a({sourceScale:c>=i?b/c:b/i,minLength:Math.min(c,i),sourceUrl:e})}}))}}();j.canvas||(j.canvas=new d.Canvas(_.value,{width:b,height:b,backgroundColor:"#fff",selection:!1,containerClass:"c-picture-clipper__canvas",fireRightClick:!0}));j.img&&j.canvas.remove(j.img),d.Image.fromURL(n,(function(e){e.scale(a).set({...R,evented:!1,selectable:!1}),j.canvas.add(e),j.img=e,F()}));const t=e*a;j.clipPath?x({width:t,height:t}):(j.clipPath=new d.Rect({...R,width:t,height:t,fill:"transparent",lockRotation:!0,borderColor:"#5585f5",cornerColor:"#5585f5",cornerSize:10,transparentCorners:!1}),j.canvas.add(j.clipPath),F(),j.canvas.on("mouse:down",(e=>{F()})))}())}),{immediate:!0}),c((()=>{var e,a;null==(e=j.canvas)||e.off(),null==(a=j.canvas)||a.clear()})),(e,a)=>(i(),r("div",h,[l("canvas",{ref_key:"canvasRef",ref:_},null,512),l("div",m,[L.value?(i(),r("img",{key:1,src:L.value,alt:""},null,8,w)):(i(),r("span",g)),l("div",y,[o(s(p),{onClick:a[0]||(a[0]=()=>x())},{default:u((()=>[v("撤销")])),_:1}),o(s(p),{type:"primary",onClick:S},{default:u((()=>{var e;return[v((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.490"))||"预览")]})),_:1}),o(s(p),{type:"primary",onClick:U},{default:u((()=>{var e;return[v((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.244"))||"保存")]})),_:1})])])]))}});export{C as default};
+import { defineComponent, ref, watch, nextTick, onBeforeUnmount, openBlock, createElementBlock, createElementVNode, createVNode, unref, withCtx, createTextVNode } from 'vue';
+import { fabric } from '../../../shared/utils/fabricjs/index.js';
+import { NButton } from 'naive-ui';
+import { isString } from 'lodash-es';
+
+const _hoisted_1 = {
+  class: "c-picture-clipper"
+};
+const _hoisted_2 = {
+  class: "canvas-right"
+};
+const _hoisted_3 = {
+  key: 0,
+  class: "preview-border"
+};
+const _hoisted_4 = ["src"];
+const _hoisted_5 = {
+  class: "btns"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PictureClipper",
+  props: {
+    source: {
+      type: [String, File]
+    }
+  },
+  emits: ["save"],
+  setup(__props, {
+    emit: emits
+  }) {
+    const props = __props;
+    const canvasWidth = 500;
+    const centerPointer = {
+      x: canvasWidth / 2,
+      y: (canvasWidth - 40) / 2 + 40
+    };
+    const commonOptions = {
+      originX: "center",
+      originY: "center",
+      left: centerPointer.x,
+      top: centerPointer.y
+    };
+    const canvasRef = ref(null);
+    const targetUrl = ref();
+    const state = {
+      canvas: null,
+      img: null,
+      clipPath: null
+    };
+    watch(() => props.source, async (value) => {
+      if (value) {
+        await nextTick();
+        initCanvasData();
+      }
+    }, {
+      immediate: true
+    });
+    async function initCanvasData() {
+      const {
+        minLength,
+        sourceScale,
+        sourceUrl
+      } = await getSourceData();
+      if (!state.canvas) {
+        state.canvas = new fabric.Canvas(canvasRef.value, {
+          width: canvasWidth,
+          height: canvasWidth,
+          backgroundColor: "#fff",
+          selection: false,
+          containerClass: "c-picture-clipper__canvas",
+          fireRightClick: true
+        });
+      }
+      state.img && state.canvas.remove(state.img);
+      fabric.Image.fromURL(sourceUrl, function(img) {
+        img.scale(sourceScale).set({
+          ...commonOptions,
+          evented: false,
+          selectable: false
+        });
+        state.canvas.add(img);
+        state.img = img;
+        setClipActiveObject();
+      });
+      const sideLength = minLength * sourceScale;
+      if (!state.clipPath) {
+        state.clipPath = new fabric.Rect({
+          ...commonOptions,
+          width: sideLength,
+          height: sideLength,
+          fill: "transparent",
+          lockRotation: true,
+          borderColor: "#5585f5",
+          cornerColor: "#5585f5",
+          cornerSize: 10,
+          transparentCorners: false
+        });
+        state.canvas.add(state.clipPath);
+        setClipActiveObject();
+        state.canvas.on("mouse:down", (event) => {
+          setClipActiveObject();
+        });
+      } else {
+        undo({
+          width: sideLength,
+          height: sideLength
+        });
+      }
+    }
+    function preview() {
+      var _a;
+      if (!state.canvas)
+        return;
+      const {
+        width = 0,
+        height = 0,
+        left = 0,
+        top = 0,
+        scaleX = 1,
+        scaleY = 1
+      } = state.clipPath;
+      const newWidth = width * scaleX;
+      const newHeight = height * scaleY;
+      targetUrl.value = (_a = state.canvas) == null ? void 0 : _a.toDataURL({
+        left: left - newWidth / 2,
+        top: top - newHeight / 2,
+        width: newWidth,
+        height: newHeight
+      });
+    }
+    function save() {
+      if (!state.canvas)
+        return;
+      emits("save", targetUrl.value);
+    }
+    function undo(options) {
+      var _a;
+      if (!state.canvas)
+        return;
+      (_a = state.clipPath) == null ? void 0 : _a.setCoords().set({
+        ...commonOptions,
+        ...options,
+        scaleX: 1,
+        scaleY: 1
+      });
+      setClipActiveObject();
+      targetUrl.value = "";
+    }
+    function getSourceData() {
+      return new Promise((resolve, reject) => {
+        if (isString(props.source)) {
+          getImgData(props.source).then((res) => resolve(res));
+        } else if (Object.prototype.toString.call(props.source).includes("File")) {
+          const fr = new FileReader();
+          fr.onload = (e) => {
+            getImgData(fr.result).then((res) => resolve(res));
+          };
+          fr.readAsDataURL(props.source);
+        }
+      });
+      function getImgData(src) {
+        return new Promise((resolve, reject) => {
+          const img = fabric.util.createImage();
+          img.src = src;
+          img.onload = (e) => {
+            const {
+              width,
+              height
+            } = img;
+            const scale = width >= height ? canvasWidth / width : canvasWidth / height;
+            resolve({
+              sourceScale: scale,
+              minLength: Math.min(width, height),
+              sourceUrl: src
+            });
+          };
+        });
+      }
+    }
+    function setClipActiveObject() {
+      const {
+        canvas,
+        clipPath
+      } = state;
+      if (!canvas || !clipPath)
+        return;
+      state.canvas.discardActiveObject();
+      state.clipPath.bringToFront();
+      state.canvas.setActiveObject(state.clipPath);
+    }
+    onBeforeUnmount(() => {
+      var _a, _b;
+      (_a = state.canvas) == null ? void 0 : _a.off();
+      (_b = state.canvas) == null ? void 0 : _b.clear();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("canvas", {
+        ref_key: "canvasRef",
+        ref: canvasRef
+      }, null, 512), createElementVNode("div", _hoisted_2, [!targetUrl.value ? (openBlock(), createElementBlock("span", _hoisted_3)) : (openBlock(), createElementBlock("img", {
+        key: 1,
+        src: targetUrl.value,
+        alt: ""
+      }, null, 8, _hoisted_4)), createElementVNode("div", _hoisted_5, [createVNode(unref(NButton), {
+        onClick: _cache[0] || (_cache[0] = () => undo())
+      }, {
+        default: withCtx(() => [createTextVNode("\u64A4\u9500")]),
+        _: 1
+      }), createVNode(unref(NButton), {
+        type: "primary",
+        onClick: preview
+      }, {
+        default: withCtx(() => {
+          var _a;
+          return [createTextVNode(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.490")) || "\u9884\u89C8")];
+        }),
+        _: 1
+      }), createVNode(unref(NButton), {
+        type: "primary",
+        onClick: save
+      }, {
+        default: withCtx(() => {
+          var _a;
+          return [createTextVNode(((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.244")) || "\u4FDD\u5B58")];
+        }),
+        _: 1
+      })])])]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/quick-search/index.js

@@ -1 +1,10 @@
-import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as i}from"../../shared/utils/index.js";import o from"./src/index.vue.js";const s=o;s.install=function(o){i(o,s,r+"QuickSearch")};export{s as default};
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import scriptQuickSearch from './src/index.vue.js';
+
+const CQuickSearch = scriptQuickSearch;
+CQuickSearch.install = function(app) {
+  safeComponentRegister(app, CQuickSearch, COMPONENT_NAMESPACE + "QuickSearch");
+};
+
+export { CQuickSearch as default };

package/es/components/quick-search/src/index.vue.js

@@ -1 +1,6 @@
-import e from"./index.vue2.js";import r from"../../../_virtual/_plugin-vue_export-helper.js";var i=r(e,[["__file","index.vue"]]);export{i as default};
+import _sfc_main from './index.vue2.js';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
+
+var scriptQuickSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { scriptQuickSearch as default };