cnhis-design-vue 3.1.7 → 3.1.8-beta.3

package/es/src/core/create2.mjs

@@ -1,7 +1,7 @@
-import { KEY_COMPONENT_NAME } from '../global/variable2.mjs';
+import { COMPONENT_NAMESPACE } from '../global/variable2.mjs';
 
 function create(vm) {
-  vm.name = KEY_COMPONENT_NAME + (vm.name || "");
+  vm.name = COMPONENT_NAMESPACE + (vm.name || "");
   return vm;
 }
 

package/es/src/global/variable.d.ts

@@ -1,2 +1,2 @@
-export declare const KEY_COMPONENT_NAME = "C";
+export declare const COMPONENT_NAMESPACE = "C";
 export declare const GROUP_TITLE_KEY = "group-show-title";

package/es/src/global/variable.mjs

@@ -1 +1 @@
-export { GROUP_TITLE_KEY, KEY_COMPONENT_NAME } from './variable2.mjs';
+export { COMPONENT_NAMESPACE, GROUP_TITLE_KEY } from './variable2.mjs';

package/es/src/global/variable2.mjs

@@ -1,4 +1,4 @@
-const KEY_COMPONENT_NAME = "C";
+const COMPONENT_NAMESPACE = "C";
 const GROUP_TITLE_KEY = "group-show-title";
 
-export { GROUP_TITLE_KEY, KEY_COMPONENT_NAME };
+export { COMPONENT_NAMESPACE, GROUP_TITLE_KEY };

package/es/src/utils/anime.d.ts

@@ -0,0 +1,35 @@
+declare function bounceOut(x: number): number;
+declare const animeType: {
+    easeInQuad: (x: number) => number;
+    easeOutQuad: (x: number) => number;
+    easeInOutQuad: (x: number) => number;
+    easeInCubic: (x: number) => number;
+    easeOutCubic: (x: number) => number;
+    easeInOutCubic: (x: number) => number;
+    easeInQuart: (x: number) => number;
+    easeOutQuart: (x: number) => number;
+    easeInOutQuart: (x: number) => number;
+    easeInQuint: (x: number) => number;
+    easeOutQuint: (x: number) => number;
+    easeInOutQuint: (x: number) => number;
+    easeInSine: (x: number) => number;
+    easeOutSine: (x: number) => number;
+    easeInOutSine: (x: number) => number;
+    easeInExpo: (x: number) => number;
+    easeOutExpo: (x: number) => number;
+    easeInOutExpo: (x: number) => number;
+    easeInCirc: (x: number) => number;
+    easeOutCirc: (x: number) => number;
+    easeInOutCirc: (x: number) => number;
+    easeInElastic: (x: number) => number;
+    easeOutElastic: (x: number) => number;
+    easeInOutElastic: (x: number) => number;
+    easeInBack: (x: number) => number;
+    easeOutBack: (x: number) => number;
+    easeInOutBack: (x: number) => number;
+    easeInBounce: (x: number) => number;
+    easeOutBounce: typeof bounceOut;
+    easeInOutBounce: (x: number) => number;
+};
+export declare const doAnimation: (startValue: number, endValue: number, during: number | undefined, callback: (v: number) => any, type?: keyof typeof animeType) => void;
+export {};

package/es/src/utils/anime.mjs

@@ -0,0 +1 @@
+export { doAnimation } from './anime2.mjs';

package/es/src/utils/anime2.mjs

@@ -0,0 +1,126 @@
+const pow = Math.pow, sqrt = Math.sqrt, sin = Math.sin, cos = Math.cos, PI = Math.PI, c1 = 1.70158, c2 = c1 * 1.525, c3 = c1 + 1, c4 = 2 * PI / 3, c5 = 2 * PI / 4.5;
+function bounceOut(x) {
+  const n1 = 7.5625, d1 = 2.75;
+  if (x < 1 / d1) {
+    return n1 * x * x;
+  } else if (x < 2 / d1) {
+    return n1 * (x -= 1.5 / d1) * x + 0.75;
+  } else if (x < 2.5 / d1) {
+    return n1 * (x -= 2.25 / d1) * x + 0.9375;
+  } else {
+    return n1 * (x -= 2.625 / d1) * x + 0.984375;
+  }
+}
+const animeType = {
+  easeInQuad: function(x) {
+    return x * x;
+  },
+  easeOutQuad: function(x) {
+    return 1 - (1 - x) * (1 - x);
+  },
+  easeInOutQuad: function(x) {
+    return x < 0.5 ? 2 * x * x : 1 - pow(-2 * x + 2, 2) / 2;
+  },
+  easeInCubic: function(x) {
+    return x * x * x;
+  },
+  easeOutCubic: function(x) {
+    return 1 - pow(1 - x, 3);
+  },
+  easeInOutCubic: function(x) {
+    return x < 0.5 ? 4 * x * x * x : 1 - pow(-2 * x + 2, 3) / 2;
+  },
+  easeInQuart: function(x) {
+    return x * x * x * x;
+  },
+  easeOutQuart: function(x) {
+    return 1 - pow(1 - x, 4);
+  },
+  easeInOutQuart: function(x) {
+    return x < 0.5 ? 8 * x * x * x * x : 1 - pow(-2 * x + 2, 4) / 2;
+  },
+  easeInQuint: function(x) {
+    return x * x * x * x * x;
+  },
+  easeOutQuint: function(x) {
+    return 1 - pow(1 - x, 5);
+  },
+  easeInOutQuint: function(x) {
+    return x < 0.5 ? 16 * x * x * x * x * x : 1 - pow(-2 * x + 2, 5) / 2;
+  },
+  easeInSine: function(x) {
+    return 1 - cos(x * PI / 2);
+  },
+  easeOutSine: function(x) {
+    return sin(x * PI / 2);
+  },
+  easeInOutSine: function(x) {
+    return -(cos(PI * x) - 1) / 2;
+  },
+  easeInExpo: function(x) {
+    return x === 0 ? 0 : pow(2, 10 * x - 10);
+  },
+  easeOutExpo: function(x) {
+    return x === 1 ? 1 : 1 - pow(2, -10 * x);
+  },
+  easeInOutExpo: function(x) {
+    return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? pow(2, 20 * x - 10) / 2 : (2 - pow(2, -20 * x + 10)) / 2;
+  },
+  easeInCirc: function(x) {
+    return 1 - sqrt(1 - pow(x, 2));
+  },
+  easeOutCirc: function(x) {
+    return sqrt(1 - pow(x - 1, 2));
+  },
+  easeInOutCirc: function(x) {
+    return x < 0.5 ? (1 - sqrt(1 - pow(2 * x, 2))) / 2 : (sqrt(1 - pow(-2 * x + 2, 2)) + 1) / 2;
+  },
+  easeInElastic: function(x) {
+    return x === 0 ? 0 : x === 1 ? 1 : -pow(2, 10 * x - 10) * sin((x * 10 - 10.75) * c4);
+  },
+  easeOutElastic: function(x) {
+    return x === 0 ? 0 : x === 1 ? 1 : pow(2, -10 * x) * sin((x * 10 - 0.75) * c4) + 1;
+  },
+  easeInOutElastic: function(x) {
+    return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? -(pow(2, 20 * x - 10) * sin((20 * x - 11.125) * c5)) / 2 : pow(2, -20 * x + 10) * sin((20 * x - 11.125) * c5) / 2 + 1;
+  },
+  easeInBack: function(x) {
+    return c3 * x * x * x - c1 * x * x;
+  },
+  easeOutBack: function(x) {
+    return 1 + c3 * pow(x - 1, 3) + c1 * pow(x - 1, 2);
+  },
+  easeInOutBack: function(x) {
+    return x < 0.5 ? pow(2 * x, 2) * ((c2 + 1) * 2 * x - c2) / 2 : (pow(2 * x - 2, 2) * ((c2 + 1) * (x * 2 - 2) + c2) + 2) / 2;
+  },
+  easeInBounce: function(x) {
+    return 1 - bounceOut(1 - x);
+  },
+  easeOutBounce: bounceOut,
+  easeInOutBounce: function(x) {
+    return x < 0.5 ? (1 - bounceOut(1 - 2 * x)) / 2 : (1 + bounceOut(2 * x - 1)) / 2;
+  }
+};
+const doAnimation = (startValue, endValue, during = 1e3, callback, type = "easeInBack") => {
+  const changeValue = endValue - startValue;
+  const updateTime = 1e3 / 60;
+  const updateCount = during / updateTime;
+  const rAF = window.requestAnimationFrame || function(cb) {
+    setTimeout(cb, updateTime);
+  };
+  const startPosition = 0;
+  const endPosition = 1;
+  const perUpdateDistance = endPosition / updateCount;
+  let position = startPosition;
+  function step() {
+    const stepValue = startValue + changeValue * animeType.easeOutSine(position);
+    callback(stepValue);
+    position += perUpdateDistance;
+    if (position < endPosition) {
+      rAF(step);
+    }
+  }
+  step();
+};
+
+export { doAnimation };

package/es/src/utils/index.d.ts

@@ -1,3 +1,2 @@
 import { App, Component } from 'vue';
 export declare function safeComponentRegister(app: App, component: Component, cName?: string | undefined, scheduler?: () => void): void;
-export declare function getComponentName(component: Component): any;

package/es/src/utils/index.mjs

@@ -1 +1 @@
-export { getComponentName, safeComponentRegister } from './index2.mjs';
+export { safeComponentRegister } from './index2.mjs';

package/es/src/utils/index2.mjs

@@ -3,7 +3,6 @@ function safeComponentRegister(app, component, cName = component.name, scheduler
     throw new Error(`[CUI]: invalid component name for ${component}`);
   const { components = {} } = app._context;
   if (components[cName]) {
-    console.warn(`[CUI]: You are trying to register a component named ${cName} multiple times`);
     return;
   }
   if (scheduler) {
@@ -12,8 +11,5 @@ function safeComponentRegister(app, component, cName = component.name, scheduler
     app.component(cName, component);
   }
 }
-function getComponentName(component) {
-  return component.name || Reflect.get(component, "__name");
-}
 
-export { getComponentName, safeComponentRegister };
+export { safeComponentRegister };

package/es/src/utils/utilExpand.d.ts

@@ -0,0 +1 @@
+export function expandXEUtils(): void;

package/es/src/utils/utilExpand.mjs

@@ -0,0 +1 @@
+export { expandXEUtils } from './utilExpand2.mjs';