vue-devui 1.0.0-beta.2 → 1.0.0-beta.20220808

package/nav-sprite/index.umd.js

@@ -1 +0,0 @@
-(function(g,F){typeof exports=="object"&&typeof module!="undefined"?F(exports):typeof define=="function"&&define.amd?define(["exports"],F):(g=typeof globalThis!="undefined"?globalThis:g||self,F(g.index={}))})(this,function(g){"use strict";const F={},X=()=>{},T=Object.assign,be=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},j=Array.isArray,me=e=>J(e)==="[object Map]",xe=e=>J(e)==="[object Set]",d=e=>typeof e=="function",Se=e=>typeof e=="string",Pe=e=>typeof e=="symbol",Z=e=>e!==null&&typeof e=="object",Oe=e=>Z(e)&&d(e.then)&&d(e.catch),we=Object.prototype.toString,J=e=>we.call(e),ve=e=>J(e)==="[object Object]",Q=(e,t)=>!Object.is(e,t),Ce=(e,t,n)=>{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})};let _e;function Ie(e,t){t=t||_e,t&&t.active&&t.effects.push(e)}const ke=e=>(e.w&m)>0,Fe=e=>(e.n&m)>0,Te=({deps:e})=>{if(e.length)for(let t=0;t<e.length;t++)e[t].w|=m},je=e=>{const{deps:t}=e;if(t.length){let n=0;for(let r=0;r<t.length;r++){const i=t[r];ke(i)&&!Fe(i)?i.delete(e):t[n++]=i,i.w&=~m,i.n&=~m}t.length=n}};let D=0,m=1;const ee=30,E=[];let te;class Ee{constructor(t,n=null,r){this.fn=t,this.scheduler=n,this.active=!0,this.deps=[],Ie(this,r)}run(){if(!this.active)return this.fn();if(!E.includes(this))try{return E.push(te=this),Me(),m=1<<++D,D<=ee?Te(this):ne(this),this.fn()}finally{D<=ee&&je(this),m=1<<--D,Ne(),E.pop();const t=E.length;te=t>0?E[t-1]:void 0}}stop(){this.active&&(ne(this),this.onStop&&this.onStop(),this.active=!1)}}function ne(e){const{deps:t}=e;if(t.length){for(let n=0;n<t.length;n++)t[n].delete(e);t.length=0}}let W=!0;const re=[];function Me(){re.push(W),W=!0}function Ne(){const e=re.pop();W=e===void 0?!0:e}new Set(Object.getOwnPropertyNames(Symbol).map(e=>Symbol[e]).filter(Pe));function M(e){return Re(e)?M(e.__v_raw):!!(e&&e.__v_isReactive)}function Re(e){return!!(e&&e.__v_isReadonly)}function $e(e){return Ce(e,"__v_skip",!0),e}function P(e){return Boolean(e&&e.__v_isRef===!0)}function Ae(e){return P(e)?e.value:e}const Be={get:(e,t,n)=>Ae(Reflect.get(e,t,n)),set:(e,t,n,r)=>{const i=e[t];return P(i)&&!P(n)?(i.value=n,!0):Reflect.set(e,t,n,r)}};function qe(e){return M(e)?e:new Proxy(e,Be)}Promise.resolve();function De(e,t){t&&t.pendingBranch?j(e)?t.effects.push(...e):t.effects.push(e):et(e)}function He(e){return d(e)?{setup:e,name:e.name}:e}function Ue(e){const t=e.type,{mixins:n,extends:r}=t,{mixins:i,optionsCache:o,config:{optionMergeStrategies:l}}=e.appContext,s=o.get(t);let c;return s?c=s:!i.length&&!n&&!r?c=t:(c={},i.length&&i.forEach(h=>H(c,h,l,!0)),H(c,t,l)),o.set(t,c),c}function H(e,t,n,r=!1){const{mixins:i,extends:o}=t;o&&H(e,o,n,!0),i&&i.forEach(l=>H(e,l,n,!0));for(const l in t)if(!(r&&l==="expose")){const s=Ve[l]||n&&n[l];e[l]=s?s(e[l],t[l]):t[l]}return e}const Ve={data:ie,props:x,emits:x,methods:x,computed:x,beforeCreate:u,created:u,beforeMount:u,mounted:u,beforeUpdate:u,updated:u,beforeDestroy:u,beforeUnmount:u,destroyed:u,unmounted:u,activated:u,deactivated:u,errorCaptured:u,serverPrefetch:u,components:x,directives:x,watch:We,provide:ie,inject:Je};function ie(e,t){return t?e?function(){return T(d(e)?e.call(this,this):e,d(t)?t.call(this,this):t)}:t:e}function Je(e,t){return x(se(e),se(t))}function se(e){if(j(e)){const t={};for(let n=0;n<e.length;n++)t[e[n]]=e[n];return t}return e}function u(e,t){return e?[...new Set([].concat(e,t))]:t}function x(e,t){return e?T(T(Object.create(null),e),t):t}function We(e,t){if(!e)return t;if(!t)return e;const n=T(Object.create(null),e);for(const r in t)n[r]=u(e[r],t[r]);return n}const oe=De,L=e=>e?ze(e)?Ge(e)||e.proxy:L(e.parent):null,le=T(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>L(e.parent),$root:e=>L(e.root),$emit:e=>e.emit,$options:e=>Ue(e),$forceUpdate:e=>()=>Ze(e.update),$nextTick:e=>Ke.bind(e.proxy),$watch:e=>rt.bind(e)});let O=null;const ce=e=>{O=e,e.scope.on()},Le=()=>{O&&O.scope.off(),O=null};function ze(e){return e.vnode.shapeFlag&4}function Ge(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(qe($e(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in le)return le[n](e)}}))}function w(e,t,n,r){let i;try{i=r?e(...r):e()}catch(o){ue(o,t,n)}return i}function z(e,t,n,r){if(d(e)){const o=w(e,t,n,r);return o&&Oe(o)&&o.catch(l=>{ue(l,t,n)}),o}const i=[];for(let o=0;o<e.length;o++)i.push(z(e[o],t,n,r));return i}function ue(e,t,n,r=!0){const i=t?t.vnode:null;if(t){let o=t.parent;const l=t.proxy,s=n;for(;o;){const h=o.ec;if(h){for(let S=0;S<h.length;S++)if(h[S](e,l,s)===!1)return}o=o.parent}const c=t.appContext.config.errorHandler;if(c){w(c,null,10,[e,l,s]);return}}Ye(e,n,i,r)}function Ye(e,t,n,r=!0){console.error(e)}let U=!1,G=!1;const a=[];let y=0;const N=[];let R=null,v=0;const $=[];let b=null,C=0;const fe=Promise.resolve();let Y=null,K=null;function Ke(e){const t=Y||fe;return e?t.then(this?e.bind(this):e):t}function Xe(e){let t=y+1,n=a.length;for(;t<n;){const r=t+n>>>1;A(a[r])<e?t=r+1:n=r}return t}function Ze(e){(!a.length||!a.includes(e,U&&e.allowRecurse?y+1:y))&&e!==K&&(e.id==null?a.push(e):a.splice(Xe(e.id),0,e),ae())}function ae(){!U&&!G&&(G=!0,Y=fe.then(he))}function pe(e,t,n,r){j(e)?n.push(...e):(!t||!t.includes(e,e.allowRecurse?r+1:r))&&n.push(e),ae()}function Qe(e){pe(e,R,N,v)}function et(e){pe(e,b,$,C)}function de(e,t=null){if(N.length){for(K=t,R=[...new Set(N)],N.length=0,v=0;v<R.length;v++)R[v]();R=null,v=0,K=null,de(e,t)}}function tt(e){if($.length){const t=[...new Set($)];if($.length=0,b){b.push(...t);return}for(b=t,b.sort((n,r)=>A(n)-A(r)),C=0;C<b.length;C++)b[C]();b=null,C=0}}const A=e=>e.id==null?1/0:e.id;function he(e){G=!1,U=!0,de(e),a.sort((n,r)=>A(n)-A(r));const t=X;try{for(y=0;y<a.length;y++){const n=a[y];n&&n.active!==!1&&w(n,null,14)}}finally{y=0,a.length=0,tt(),U=!1,Y=null,(a.length||N.length||$.length)&&he(e)}}const ge={};function nt(e,t,{immediate:n,deep:r,flush:i,onTrack:o,onTrigger:l}=F){const s=O;let c,h=!1,S=!1;if(P(e)?(c=()=>e.value,h=!!e._shallow):M(e)?(c=()=>e,r=!0):j(e)?(S=!0,h=e.some(M),c=()=>e.map(f=>{if(P(f))return f.value;if(M(f))return _(f);if(d(f))return w(f,s,2)})):d(e)?t?c=()=>w(e,s,2):c=()=>{if(!(s&&s.isUnmounted))return q&&q(),z(e,s,3,[ye])}:c=X,t&&r){const f=c;c=()=>_(f())}let q,ye=f=>{q=p.onStop=()=>{w(f,s,4)}},I=S?[]:ge;const k=()=>{if(!!p.active)if(t){const f=p.run();(r||h||(S?f.some((ot,lt)=>Q(ot,I[lt])):Q(f,I)))&&(q&&q(),z(t,s,3,[f,I===ge?void 0:I,ye]),I=f)}else p.run()};k.allowRecurse=!!t;let V;i==="sync"?V=k:i==="post"?V=()=>oe(k,s&&s.suspense):V=()=>{!s||s.isMounted?Qe(k):k()};const p=new Ee(c,V);return t?n?k():I=p.run():i==="post"?oe(p.run.bind(p),s&&s.suspense):p.run(),()=>{p.stop(),s&&s.scope&&be(s.scope.effects,p)}}function rt(e,t,n){const r=this.proxy,i=Se(e)?e.includes(".")?it(r,e):()=>r[e]:e.bind(r,r);let o;d(t)?o=t:(o=t.handler,n=t);const l=O;ce(this);const s=nt(i,o.bind(r),n);return l?ce(l):Le(),s}function it(e,t){const n=t.split(".");return()=>{let r=e;for(let i=0;i<n.length&&r;i++)r=r[n[i]];return r}}function _(e,t){if(!Z(e)||e.__v_skip||(t=t||new Set,t.has(e)))return e;if(t.add(e),P(e))_(e.value,t);else if(j(e))for(let n=0;n<e.length;n++)_(e[n],t);else if(xe(e)||me(e))e.forEach(n=>{_(n,t)});else if(ve(e))for(const n in e)_(e[n],t);return e}var B=He({name:"DNavSprite",props:{target:{type:Object},scrollTarget:{type:Object},view:{type:Object,default:{top:0,bottom:0}},hashSupport:{type:Boolean,default:!1},mode:{type:String,default:"default"},maxLevel:{type:Number,default:3},title:{type:String,default:"menu"},indent:{type:Number,default:2},width:{type:Number,default:300},height:{type:Number,default:400},isOpen:{type:Boolean,default:!0},spriteOption:{type:Object}},emits:["afterNavInit"],setup(e){return{}}});B.install=function(e){e.component(B.name,B)};var st={title:"NavSprite \u5BFC\u822A\u7CBE\u7075",category:"\u5BFC\u822A",status:"10%",install(e){e.use(B)}};g.NavSprite=B,g.default=st,Object.defineProperty(g,"__esModule",{value:!0}),g[Symbol.toStringTag]="Module"});

package/nav-sprite/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "nav-sprite",
-  "version": "0.0.0",
-  "main": "index.umd.js",
-  "module": "index.es.js",
-  "style": "style.css"
-}

package/quadrant-diagram/index.es.js

@@ -1,489 +0,0 @@
-import { defineComponent, toRefs, ref, reactive, onMounted, watch, createVNode } from "vue";
-const DEFAULT_AXIS_CONFIGS = {
-  tickWidth: 10,
-  spaceBetweenLabelsAxis: 20,
-  xAxisLabel: "\u7D27\u6025\u5EA6",
-  yAxisLabel: "\u91CD\u8981\u5EA6",
-  xAxisRange: {
-    min: 0,
-    max: 100,
-    step: 10
-  },
-  yAxisRange: {
-    min: 0,
-    max: 50,
-    step: 5
-  },
-  originPosition: {
-    left: 30,
-    bottom: 30
-  },
-  axisMargin: 35,
-  xWeight: 1,
-  yWeight: 1
-};
-const DEFAULT_VIEW_CONFIGS = {
-  height: 900,
-  width: 950
-};
-const AXIS_TITLE_SPACE = 15;
-const quadrantDiagramProps = {
-  diagramId: {
-    type: String,
-    default: "1"
-  },
-  axisConfigs: {
-    type: Object,
-    default: DEFAULT_AXIS_CONFIGS
-  },
-  view: {
-    type: Object,
-    default: DEFAULT_VIEW_CONFIGS
-  }
-};
-const quadrantDiagramAxisProps = {
-  diagramId: {
-    type: String
-  },
-  axisConfigs: {
-    type: Object
-  },
-  view: {
-    type: Object
-  }
-};
-var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
-var freeGlobal$1 = freeGlobal;
-var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-var root = freeGlobal$1 || freeSelf || Function("return this")();
-var root$1 = root;
-var Symbol$1 = root$1.Symbol;
-var Symbol$2 = Symbol$1;
-var objectProto$1 = Object.prototype;
-var hasOwnProperty = objectProto$1.hasOwnProperty;
-var nativeObjectToString$1 = objectProto$1.toString;
-var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
-function getRawTag(value) {
-  var isOwn = hasOwnProperty.call(value, symToStringTag$1), tag = value[symToStringTag$1];
-  try {
-    value[symToStringTag$1] = void 0;
-    var unmasked = true;
-  } catch (e) {
-  }
-  var result = nativeObjectToString$1.call(value);
-  if (unmasked) {
-    if (isOwn) {
-      value[symToStringTag$1] = tag;
-    } else {
-      delete value[symToStringTag$1];
-    }
-  }
-  return result;
-}
-var objectProto = Object.prototype;
-var nativeObjectToString = objectProto.toString;
-function objectToString(value) {
-  return nativeObjectToString.call(value);
-}
-var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
-var symToStringTag = Symbol$2 ? Symbol$2.toStringTag : void 0;
-function baseGetTag(value) {
-  if (value == null) {
-    return value === void 0 ? undefinedTag : nullTag;
-  }
-  return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
-}
-function isObjectLike(value) {
-  return value != null && typeof value == "object";
-}
-var symbolTag = "[object Symbol]";
-function isSymbol(value) {
-  return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
-}
-var reWhitespace = /\s/;
-function trimmedEndIndex(string) {
-  var index2 = string.length;
-  while (index2-- && reWhitespace.test(string.charAt(index2))) {
-  }
-  return index2;
-}
-var reTrimStart = /^\s+/;
-function baseTrim(string) {
-  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
-}
-function isObject(value) {
-  var type = typeof value;
-  return value != null && (type == "object" || type == "function");
-}
-var NAN = 0 / 0;
-var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-var reIsBinary = /^0b[01]+$/i;
-var reIsOctal = /^0o[0-7]+$/i;
-var freeParseInt = parseInt;
-function toNumber(value) {
-  if (typeof value == "number") {
-    return value;
-  }
-  if (isSymbol(value)) {
-    return NAN;
-  }
-  if (isObject(value)) {
-    var other = typeof value.valueOf == "function" ? value.valueOf() : value;
-    value = isObject(other) ? other + "" : other;
-  }
-  if (typeof value != "string") {
-    return value === 0 ? value : +value;
-  }
-  value = baseTrim(value);
-  var isBinary = reIsBinary.test(value);
-  return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
-}
-var now = function() {
-  return root$1.Date.now();
-};
-var now$1 = now;
-var FUNC_ERROR_TEXT = "Expected a function";
-var nativeMax = Math.max, nativeMin = Math.min;
-function debounce(func, wait, options) {
-  var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
-  if (typeof func != "function") {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  wait = toNumber(wait) || 0;
-  if (isObject(options)) {
-    leading = !!options.leading;
-    maxing = "maxWait" in options;
-    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-    trailing = "trailing" in options ? !!options.trailing : trailing;
-  }
-  function invokeFunc(time) {
-    var args = lastArgs, thisArg = lastThis;
-    lastArgs = lastThis = void 0;
-    lastInvokeTime = time;
-    result = func.apply(thisArg, args);
-    return result;
-  }
-  function leadingEdge(time) {
-    lastInvokeTime = time;
-    timerId = setTimeout(timerExpired, wait);
-    return leading ? invokeFunc(time) : result;
-  }
-  function remainingWait(time) {
-    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
-    return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
-  }
-  function shouldInvoke(time) {
-    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
-    return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
-  }
-  function timerExpired() {
-    var time = now$1();
-    if (shouldInvoke(time)) {
-      return trailingEdge(time);
-    }
-    timerId = setTimeout(timerExpired, remainingWait(time));
-  }
-  function trailingEdge(time) {
-    timerId = void 0;
-    if (trailing && lastArgs) {
-      return invokeFunc(time);
-    }
-    lastArgs = lastThis = void 0;
-    return result;
-  }
-  function cancel() {
-    if (timerId !== void 0) {
-      clearTimeout(timerId);
-    }
-    lastInvokeTime = 0;
-    lastArgs = lastCallTime = lastThis = timerId = void 0;
-  }
-  function flush() {
-    return timerId === void 0 ? result : trailingEdge(now$1());
-  }
-  function debounced() {
-    var time = now$1(), isInvoking = shouldInvoke(time);
-    lastArgs = arguments;
-    lastThis = this;
-    lastCallTime = time;
-    if (isInvoking) {
-      if (timerId === void 0) {
-        return leadingEdge(lastCallTime);
-      }
-      if (maxing) {
-        clearTimeout(timerId);
-        timerId = setTimeout(timerExpired, wait);
-        return invokeFunc(lastCallTime);
-      }
-    }
-    if (timerId === void 0) {
-      timerId = setTimeout(timerExpired, wait);
-    }
-    return result;
-  }
-  debounced.cancel = cancel;
-  debounced.flush = flush;
-  return debounced;
-}
-var index$1 = "";
-var DQuadrantDiagramAxis = defineComponent({
-  name: "DQuadrantDiagramAxis",
-  props: quadrantDiagramAxisProps,
-  setup(props) {
-    const {
-      diagramId,
-      view,
-      axisConfigs
-    } = toRefs(props);
-    const AXIS_COLOR = ref("#0000ff");
-    const AXIS_LABEL_COLOR = ref("#ff0000");
-    const quadrantAxis = ref();
-    const context = ref();
-    const axisInnerAttr = reactive({
-      axisOrigin: {
-        x: 0,
-        y: 0
-      },
-      axisTop: 0,
-      axisRight: 0,
-      axisWidth: 0,
-      axisHeight: 0,
-      yAxisTicksNum: 0,
-      xAxisTicksNum: 0,
-      xTickSpacing: 0,
-      yTickSpacing: 0
-    });
-    const axisConfigsVal = axisConfigs.value;
-    onMounted(() => {
-      resetAxis();
-    });
-    watch(view.value, () => {
-      resetAxis();
-    });
-    const resetAxis = debounce(() => {
-      initAxisData();
-      setAxisData();
-      drawAxis();
-      drawAxisLabels();
-    }, 200);
-    const initAxisData = () => {
-      quadrantAxis.value = document.querySelector("#devui-quadrant-axis-" + diagramId.value);
-    };
-    const setAxisData = () => {
-      context.value = quadrantAxis.value.getContext("2d");
-      axisInnerAttr.axisOrigin = axisConfigsVal.axisOrigin;
-      axisInnerAttr.axisTop = axisConfigsVal.axisTop;
-      axisInnerAttr.axisRight = axisConfigsVal.axisRight;
-      axisInnerAttr.axisWidth = axisConfigsVal.axisWidth;
-      axisInnerAttr.axisHeight = axisConfigsVal.axisHeight;
-      axisInnerAttr.yAxisTicksNum = axisConfigsVal.yAxisTicksNum;
-      axisInnerAttr.xAxisTicksNum = axisConfigsVal.xAxisTicksNum;
-      axisInnerAttr.xTickSpacing = axisConfigsVal.xTickSpacing;
-      axisInnerAttr.yTickSpacing = axisConfigsVal.yTickSpacing;
-    };
-    const drawAxis = () => {
-      context.value.save();
-      context.value.fillStyle = AXIS_COLOR.value;
-      context.value.strokeStyle = AXIS_COLOR.value;
-      drawXAxis();
-      drawYAxis();
-      context.value.lineWidth = 0.5;
-      drawXAxisTicks();
-      drawYAxisTicks();
-      context.value.restore();
-    };
-    const drawYAxis = () => {
-      context.value.beginPath();
-      context.value.moveTo(axisInnerAttr.axisOrigin.x, axisInnerAttr.axisOrigin.y);
-      context.value.lineTo(axisInnerAttr.axisOrigin.x, axisInnerAttr.axisTop - axisConfigsVal.axisMargin);
-      context.value.stroke();
-      context.value.moveTo(axisInnerAttr.axisOrigin.x, axisInnerAttr.axisTop - axisConfigsVal.axisMargin);
-      context.value.lineTo(axisInnerAttr.axisOrigin.x + 5, axisInnerAttr.axisTop - axisConfigsVal.axisMargin + 10);
-      context.value.lineTo(axisInnerAttr.axisOrigin.x - 5, axisInnerAttr.axisTop - axisConfigsVal.axisMargin + 10);
-      context.value.fill();
-    };
-    const drawXAxis = () => {
-      context.value.beginPath();
-      context.value.moveTo(axisInnerAttr.axisOrigin.x, axisInnerAttr.axisOrigin.y);
-      context.value.lineTo(axisInnerAttr.axisRight + axisConfigsVal.axisMargin - 10, axisInnerAttr.axisOrigin.y);
-      context.value.stroke();
-      context.value.moveTo(axisInnerAttr.axisRight + axisConfigsVal.axisMargin, axisInnerAttr.axisOrigin.y);
-      context.value.lineTo(axisInnerAttr.axisRight + axisConfigsVal.axisMargin - 10, axisInnerAttr.axisOrigin.y + 5);
-      context.value.lineTo(axisInnerAttr.axisRight + axisConfigsVal.axisMargin - 10, axisInnerAttr.axisOrigin.y - 5);
-      context.value.fill();
-    };
-    const drawXAxisTicks = () => {
-      let deltaY;
-      for (let i = 1; i < axisInnerAttr.xAxisTicksNum; i++) {
-        context.value.beginPath();
-        if (i % axisConfigsVal.xAxisRange.step === 0) {
-          deltaY = axisConfigsVal.tickWidth;
-        } else {
-          deltaY = axisConfigsVal.tickWidth / 2;
-        }
-        context.value.moveTo(axisInnerAttr.axisOrigin.x + i * axisInnerAttr.xTickSpacing, axisInnerAttr.axisOrigin.y - deltaY);
-        context.value.lineTo(axisInnerAttr.axisOrigin.x + i * axisInnerAttr.xTickSpacing, axisInnerAttr.axisOrigin.y + deltaY);
-        context.value.stroke();
-      }
-    };
-    const drawYAxisTicks = () => {
-      let deltaX;
-      for (let i = 1; i < axisInnerAttr.yAxisTicksNum; i++) {
-        context.value.beginPath();
-        if (i % axisConfigsVal.yAxisRange.step === 0) {
-          deltaX = axisConfigsVal.tickWidth;
-        } else {
-          deltaX = axisConfigsVal.tickWidth / 2;
-        }
-        context.value.moveTo(axisInnerAttr.axisOrigin.x - deltaX, axisInnerAttr.axisOrigin.y - i * axisInnerAttr.yTickSpacing);
-        context.value.lineTo(axisInnerAttr.axisOrigin.x + deltaX, axisInnerAttr.axisOrigin.y - i * axisInnerAttr.yTickSpacing);
-        context.value.stroke();
-      }
-    };
-    const drawAxisLabels = () => {
-      context.value.save();
-      context.value.fillStyle = AXIS_LABEL_COLOR.value;
-      drawXTicksLabels();
-      drawYTicksLabels();
-      context.value.restore();
-      drawAxisTitle();
-    };
-    const drawXTicksLabels = () => {
-      context.value.textAlign = "center";
-      context.value.textBaseline = "top";
-      for (let i = 0; i <= axisInnerAttr.xAxisTicksNum; i++) {
-        if (i % axisConfigsVal.xAxisRange.step === 0) {
-          context.value.fillText(i, axisInnerAttr.axisOrigin.x + i * axisInnerAttr.xTickSpacing, axisInnerAttr.axisOrigin.y + axisConfigsVal.spaceBetweenLabelsAxis);
-        }
-      }
-    };
-    const drawYTicksLabels = () => {
-      context.value.textAlign = "center";
-      context.value.textBaseline = "middle";
-      for (let i = 0; i <= axisInnerAttr.yAxisTicksNum; i++) {
-        if (i % axisConfigsVal.yAxisRange.step === 0) {
-          context.value.fillText(i, axisInnerAttr.axisOrigin.x - axisConfigsVal.spaceBetweenLabelsAxis, axisInnerAttr.axisOrigin.y - i * axisInnerAttr.yTickSpacing);
-        }
-      }
-    };
-    const drawAxisTitle = () => {
-      context.value.font = "12px Microsoft YaHei";
-      context.value.textAlign = "left";
-      context.value.fillStyle = AXIS_LABEL_COLOR.value;
-      const xLabelWidth = context.value.measureText(axisConfigsVal.xAxisLabel).width;
-      rotateLabel(axisConfigsVal.xAxisLabel, axisInnerAttr.axisRight + axisConfigsVal.axisMargin / 2, axisInnerAttr.axisOrigin.y - xLabelWidth - AXIS_TITLE_SPACE);
-      context.value.fillText(axisConfigsVal.yAxisLabel, axisInnerAttr.axisOrigin.x + AXIS_TITLE_SPACE, axisInnerAttr.axisTop - axisConfigsVal.axisMargin / 2);
-    };
-    const rotateLabel = (name, x, y) => {
-      for (let i = 0; i < name.length; i++) {
-        const str = name.slice(i, i + 1).toString();
-        if (str.match(/[A-Za-z0-9]/)) {
-          context.value.save();
-          context.value.translate(x, y);
-          context.value.rotate(Math.PI / 180 * 90);
-          context.value.textBaseline = "bottom";
-          context.value.fillText(str, 0, 0);
-          context.value.restore();
-          y += context.value.measureText(str).width;
-        } else if (str.match(/[\u4E00-\u9FA5]/)) {
-          context.value.save();
-          context.value.textBaseline = "top";
-          context.value.fillText(str, x, y);
-          context.value.restore();
-          y += context.value.measureText(str).width;
-        }
-      }
-    };
-  },
-  render() {
-    const {
-      diagramId,
-      view
-    } = this;
-    return createVNode("div", null, [createVNode("canvas", {
-      "id": "devui-quadrant-axis-" + diagramId,
-      "height": view.height,
-      "width": view.width
-    }, null)]);
-  }
-});
-var QuadrantDiagram = defineComponent({
-  name: "DQuadrantDiagram",
-  props: quadrantDiagramProps,
-  setup(props) {
-    const {
-      diagramId,
-      axisConfigs,
-      view
-    } = toRefs(props);
-    const calAxisConfig = reactive({
-      axisOrigin: {
-        x: null,
-        y: null
-      },
-      axisTop: null,
-      axisRight: null,
-      axisWidth: null,
-      axisHeight: null,
-      yAxisTicksNum: null,
-      xAxisTicksNum: null,
-      xTickSpacing: null,
-      yTickSpacing: null
-    });
-    const initAxisData = () => {
-      const axisConfigKeys = Object.keys(DEFAULT_AXIS_CONFIGS);
-      for (let i = 0; i < axisConfigKeys.length; i++) {
-        if (calAxisConfig[axisConfigKeys[i]] === void 0) {
-          calAxisConfig[axisConfigKeys[i]] = DEFAULT_AXIS_CONFIGS[axisConfigKeys[i]];
-        }
-      }
-      calAxisConfig.axisOrigin = {
-        x: axisConfigs.value.originPosition.left,
-        y: view.value.height - axisConfigs.value.originPosition.bottom
-      };
-      calAxisConfig.axisTop = axisConfigs.value.axisMargin;
-      calAxisConfig.axisRight = view.value.width - axisConfigs.value.axisMargin;
-      calAxisConfig.axisWidth = calAxisConfig.axisRight - calAxisConfig.axisOrigin.x;
-      calAxisConfig.axisHeight = calAxisConfig.axisOrigin.y - calAxisConfig.axisTop;
-      calAxisConfig.yAxisTicksNum = axisConfigs.value.yAxisRange.max - axisConfigs.value.yAxisRange.min;
-      calAxisConfig.xAxisTicksNum = axisConfigs.value.xAxisRange.max - axisConfigs.value.xAxisRange.min;
-      calAxisConfig.xTickSpacing = calAxisConfig.axisWidth / calAxisConfig.xAxisTicksNum;
-      calAxisConfig.yTickSpacing = calAxisConfig.axisHeight / calAxisConfig.yAxisTicksNum;
-    };
-    initAxisData();
-    watch(view.value, () => {
-      initAxisData();
-    });
-    return {
-      diagramId,
-      calAxisConfig
-    };
-  },
-  render() {
-    const {
-      diagramId,
-      calAxisConfig,
-      view
-    } = this;
-    return createVNode("div", {
-      "class": "devui-quadrant-diagram",
-      "id": diagramId
-    }, [createVNode(DQuadrantDiagramAxis, {
-      "diagramId": diagramId,
-      "axisConfigs": calAxisConfig,
-      "view": view
-    }, null)]);
-  }
-});
-QuadrantDiagram.install = function(app) {
-  app.component(QuadrantDiagram.name, QuadrantDiagram);
-};
-var index = {
-  title: "QuadrantDiagram \u8C61\u9650\u56FE",
-  category: "\u6570\u636E\u5C55\u793A",
-  status: "10%",
-  install(app) {
-    app.use(QuadrantDiagram);
-  }
-};
-export { QuadrantDiagram, index as default };

package/quadrant-diagram/index.umd.js

@@ -1 +0,0 @@
-(function(f,o){typeof exports=="object"&&typeof module!="undefined"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(f=typeof globalThis!="undefined"?globalThis:f||self,o(f.index={},f.Vue))})(this,function(f,o){"use strict";const j={tickWidth:10,spaceBetweenLabelsAxis:20,xAxisLabel:"\u7D27\u6025\u5EA6",yAxisLabel:"\u91CD\u8981\u5EA6",xAxisRange:{min:0,max:100,step:10},yAxisRange:{min:0,max:50,step:5},originPosition:{left:30,bottom:30},axisMargin:35,xWeight:1,yWeight:1},X={height:900,width:950},E=15,q={diagramId:{type:String,default:"1"},axisConfigs:{type:Object,default:j},view:{type:Object,default:X}},H={diagramId:{type:String},axisConfigs:{type:Object},view:{type:Object}};var V=typeof global=="object"&&global&&global.Object===Object&&global,Q=V,G=typeof self=="object"&&self&&self.Object===Object&&self,Y=Q||G||Function("return this")(),P=Y,U=P.Symbol,S=U,_=Object.prototype,z=_.hasOwnProperty,K=_.toString,p=S?S.toStringTag:void 0;function Z(e){var r=z.call(e,p),l=e[p];try{e[p]=void 0;var c=!0}catch{}var s=K.call(e);return c&&(r?e[p]=l:delete e[p]),s}var J=Object.prototype,ii=J.toString;function ei(e){return ii.call(e)}var ai="[object Null]",ti="[object Undefined]",$=S?S.toStringTag:void 0;function ni(e){return e==null?e===void 0?ti:ai:$&&$ in Object(e)?Z(e):ei(e)}function si(e){return e!=null&&typeof e=="object"}var ri="[object Symbol]";function li(e){return typeof e=="symbol"||si(e)&&ni(e)==ri}var oi=/\s/;function xi(e){for(var r=e.length;r--&&oi.test(e.charAt(r)););return r}var ui=/^\s+/;function ci(e){return e&&e.slice(0,xi(e)+1).replace(ui,"")}function N(e){var r=typeof e;return e!=null&&(r=="object"||r=="function")}var B=0/0,gi=/^[-+]0x[0-9a-f]+$/i,di=/^0b[01]+$/i,fi=/^0o[0-7]+$/i,vi=parseInt;function F(e){if(typeof e=="number")return e;if(li(e))return B;if(N(e)){var r=typeof e.valueOf=="function"?e.valueOf():e;e=N(r)?r+"":r}if(typeof e!="string")return e===0?e:+e;e=ci(e);var l=di.test(e);return l||fi.test(e)?vi(e.slice(2),l?2:8):gi.test(e)?B:+e}var Ti=function(){return P.Date.now()},L=Ti,mi="Expected a function",yi=Math.max,pi=Math.min;function hi(e,r,l){var c,s,d,g,i,a,t=0,A=!1,v=!1,b=!0;if(typeof e!="function")throw new TypeError(mi);r=F(r)||0,N(l)&&(A=!!l.leading,v="maxWait"in l,d=v?yi(F(l.maxWait)||0,r):d,b="trailing"in l?!!l.trailing:b);function O(x){var n=c,u=s;return c=s=void 0,t=x,g=e.apply(u,n),g}function C(x){return t=x,i=setTimeout(m,r),A?O(x):g}function M(x){var n=x-a,u=x-t,T=r-n;return v?pi(T,d-u):T}function w(x){var n=x-a,u=x-t;return a===void 0||n>=r||n<0||v&&u>=d}function m(){var x=L();if(w(x))return I(x);i=setTimeout(m,M(x))}function I(x){return i=void 0,b&&c?O(x):(c=s=void 0,g)}function W(){i!==void 0&&clearTimeout(i),t=0,c=a=s=i=void 0}function D(){return i===void 0?g:I(L())}function k(){var x=L(),n=w(x);if(c=arguments,s=this,a=x,n){if(i===void 0)return C(a);if(v)return clearTimeout(i),i=setTimeout(m,r),O(a)}return i===void 0&&(i=setTimeout(m,r)),g}return k.cancel=W,k.flush=D,k}var Oi="",Ai=o.defineComponent({name:"DQuadrantDiagramAxis",props:H,setup(e){const{diagramId:r,view:l,axisConfigs:c}=o.toRefs(e),s=o.ref("#0000ff"),d=o.ref("#ff0000"),g=o.ref(),i=o.ref(),a=o.reactive({axisOrigin:{x:0,y:0},axisTop:0,axisRight:0,axisWidth:0,axisHeight:0,yAxisTicksNum:0,xAxisTicksNum:0,xTickSpacing:0,yTickSpacing:0}),t=c.value;o.onMounted(()=>{A()}),o.watch(l.value,()=>{A()});const A=hi(()=>{v(),b(),O(),I()},200),v=()=>{g.value=document.querySelector("#devui-quadrant-axis-"+r.value)},b=()=>{i.value=g.value.getContext("2d"),a.axisOrigin=t.axisOrigin,a.axisTop=t.axisTop,a.axisRight=t.axisRight,a.axisWidth=t.axisWidth,a.axisHeight=t.axisHeight,a.yAxisTicksNum=t.yAxisTicksNum,a.xAxisTicksNum=t.xAxisTicksNum,a.xTickSpacing=t.xTickSpacing,a.yTickSpacing=t.yTickSpacing},O=()=>{i.value.save(),i.value.fillStyle=s.value,i.value.strokeStyle=s.value,M(),C(),i.value.lineWidth=.5,w(),m(),i.value.restore()},C=()=>{i.value.beginPath(),i.value.moveTo(a.axisOrigin.x,a.axisOrigin.y),i.value.lineTo(a.axisOrigin.x,a.axisTop-t.axisMargin),i.value.stroke(),i.value.moveTo(a.axisOrigin.x,a.axisTop-t.axisMargin),i.value.lineTo(a.axisOrigin.x+5,a.axisTop-t.axisMargin+10),i.value.lineTo(a.axisOrigin.x-5,a.axisTop-t.axisMargin+10),i.value.fill()},M=()=>{i.value.beginPath(),i.value.moveTo(a.axisOrigin.x,a.axisOrigin.y),i.value.lineTo(a.axisRight+t.axisMargin-10,a.axisOrigin.y),i.value.stroke(),i.value.moveTo(a.axisRight+t.axisMargin,a.axisOrigin.y),i.value.lineTo(a.axisRight+t.axisMargin-10,a.axisOrigin.y+5),i.value.lineTo(a.axisRight+t.axisMargin-10,a.axisOrigin.y-5),i.value.fill()},w=()=>{let n;for(let u=1;u<a.xAxisTicksNum;u++)i.value.beginPath(),u%t.xAxisRange.step==0?n=t.tickWidth:n=t.tickWidth/2,i.value.moveTo(a.axisOrigin.x+u*a.xTickSpacing,a.axisOrigin.y-n),i.value.lineTo(a.axisOrigin.x+u*a.xTickSpacing,a.axisOrigin.y+n),i.value.stroke()},m=()=>{let n;for(let u=1;u<a.yAxisTicksNum;u++)i.value.beginPath(),u%t.yAxisRange.step==0?n=t.tickWidth:n=t.tickWidth/2,i.value.moveTo(a.axisOrigin.x-n,a.axisOrigin.y-u*a.yTickSpacing),i.value.lineTo(a.axisOrigin.x+n,a.axisOrigin.y-u*a.yTickSpacing),i.value.stroke()},I=()=>{i.value.save(),i.value.fillStyle=d.value,W(),D(),i.value.restore(),k()},W=()=>{i.value.textAlign="center",i.value.textBaseline="top";for(let n=0;n<=a.xAxisTicksNum;n++)n%t.xAxisRange.step==0&&i.value.fillText(n,a.axisOrigin.x+n*a.xTickSpacing,a.axisOrigin.y+t.spaceBetweenLabelsAxis)},D=()=>{i.value.textAlign="center",i.value.textBaseline="middle";for(let n=0;n<=a.yAxisTicksNum;n++)n%t.yAxisRange.step==0&&i.value.fillText(n,a.axisOrigin.x-t.spaceBetweenLabelsAxis,a.axisOrigin.y-n*a.yTickSpacing)},k=()=>{i.value.font="12px Microsoft YaHei",i.value.textAlign="left",i.value.fillStyle=d.value;const n=i.value.measureText(t.xAxisLabel).width;x(t.xAxisLabel,a.axisRight+t.axisMargin/2,a.axisOrigin.y-n-E),i.value.fillText(t.yAxisLabel,a.axisOrigin.x+E,a.axisTop-t.axisMargin/2)},x=(n,u,T)=>{for(let R=0;R<n.length;R++){const y=n.slice(R,R+1).toString();y.match(/[A-Za-z0-9]/)?(i.value.save(),i.value.translate(u,T),i.value.rotate(Math.PI/180*90),i.value.textBaseline="bottom",i.value.fillText(y,0,0),i.value.restore(),T+=i.value.measureText(y).width):y.match(/[\u4E00-\u9FA5]/)&&(i.value.save(),i.value.textBaseline="top",i.value.fillText(y,u,T),i.value.restore(),T+=i.value.measureText(y).width)}}},render(){const{diagramId:e,view:r}=this;return o.createVNode("div",null,[o.createVNode("canvas",{id:"devui-quadrant-axis-"+e,height:r.height,width:r.width},null)])}}),h=o.defineComponent({name:"DQuadrantDiagram",props:q,setup(e){const{diagramId:r,axisConfigs:l,view:c}=o.toRefs(e),s=o.reactive({axisOrigin:{x:null,y:null},axisTop:null,axisRight:null,axisWidth:null,axisHeight:null,yAxisTicksNum:null,xAxisTicksNum:null,xTickSpacing:null,yTickSpacing:null}),d=()=>{const g=Object.keys(j);for(let i=0;i<g.length;i++)s[g[i]]===void 0&&(s[g[i]]=j[g[i]]);s.axisOrigin={x:l.value.originPosition.left,y:c.value.height-l.value.originPosition.bottom},s.axisTop=l.value.axisMargin,s.axisRight=c.value.width-l.value.axisMargin,s.axisWidth=s.axisRight-s.axisOrigin.x,s.axisHeight=s.axisOrigin.y-s.axisTop,s.yAxisTicksNum=l.value.yAxisRange.max-l.value.yAxisRange.min,s.xAxisTicksNum=l.value.xAxisRange.max-l.value.xAxisRange.min,s.xTickSpacing=s.axisWidth/s.xAxisTicksNum,s.yTickSpacing=s.axisHeight/s.yAxisTicksNum};return d(),o.watch(c.value,()=>{d()}),{diagramId:r,calAxisConfig:s}},render(){const{diagramId:e,calAxisConfig:r,view:l}=this;return o.createVNode("div",{class:"devui-quadrant-diagram",id:e},[o.createVNode(Ai,{diagramId:e,axisConfigs:r,view:l},null)])}});h.install=function(e){e.component(h.name,h)};var bi={title:"QuadrantDiagram \u8C61\u9650\u56FE",category:"\u6570\u636E\u5C55\u793A",status:"10%",install(e){e.use(h)}};f.QuadrantDiagram=h,f.default=bi,Object.defineProperty(f,"__esModule",{value:!0}),f[Symbol.toStringTag]="Module"});

package/quadrant-diagram/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "quadrant-diagram",
-  "version": "0.0.0",
-  "main": "index.umd.js",
-  "module": "index.es.js",
-  "style": "style.css"
-}

package/quadrant-diagram/style.css

@@ -1 +0,0 @@
-canvas{z-index:1}