@dangojs/digitforce-ui-utils - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

dist/index.cjs

@@ -6,2 +6,3 @@ 'use strict';
 const vue = require('vue');
+const lodashEs = require('lodash-es');
 
@@ -34,4 +35,29 @@ function isEmptyElement(c) {
 
+const transformComponent = (tag, defaultProps, defaultSlots) => {
+  return vue.defineComponent({
+    setup(props, context) {
+      let { attrs, slots } = context;
+      return () => {
+        let data = {
+          ...attrs
+        };
+        if (defaultProps) {
+          data = lodashEs.merge(defaultProps, attrs);
+        }
+        if (defaultSlots) {
+          if (typeof defaultSlots === "function") {
+            slots = lodashEs.merge(defaultSlots(data, context), slots);
+          } else {
+            slots = lodashEs.merge(defaultSlots, slots);
+          }
+        }
+        return vue.h(tag, data, slots);
+      };
+    }
+  });
+};
+
 exports.filterEmpty = filterEmpty;
 exports.isEmptyElement = isEmptyElement;
+exports.transformComponent = transformComponent;
 exports.withInstall = withInstall;

dist/index.d.ts

@@ -13,2 +13,4 @@ import * as vue from 'vue';
 
-export { filterEmpty, isEmptyElement, withInstall };
+declare const transformComponent: <T extends Record<string, any>>(tag: any, defaultProps?: Partial<T> | undefined, defaultSlots?: any) => any;
+
+export { filterEmpty, isEmptyElement, transformComponent, withInstall };

dist/index.mjs

@@ -1,2 +0,3 @@
-import { Comment, Fragment, Text } from 'vue';
+import { Comment, Fragment, Text, defineComponent, h } from 'vue';
+import { merge } from 'lodash-es';
 
@@ -29,2 +30,26 @@ function isEmptyElement(c) {
 
-export { filterEmpty, isEmptyElement, withInstall };
+const transformComponent = (tag, defaultProps, defaultSlots) => {
+  return defineComponent({
+    setup(props, context) {
+      let { attrs, slots } = context;
+      return () => {
+        let data = {
+          ...attrs
+        };
+        if (defaultProps) {
+          data = merge(defaultProps, attrs);
+        }
+        if (defaultSlots) {
+          if (typeof defaultSlots === "function") {
+            slots = merge(defaultSlots(data, context), slots);
+          } else {
+            slots = merge(defaultSlots, slots);
+          }
+        }
+        return h(tag, data, slots);
+      };
+    }
+  });
+};
+
+export { filterEmpty, isEmptyElement, transformComponent, withInstall };

package.json

 {
   "name": "@dangojs/digitforce-ui-utils",
   "type": "module",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "UI 组件库的一些帮助方法和函数",
@@ -40,3 +40,3 @@ "author": "Digitforce Team",
     "prepublishOnly": "nr build",
-    "release": "bumpp && npm publish",
+    "release": "bumpp --tag=false && npm publish",
     "start": "esno src/index.ts",
@@ -47,2 +47,3 @@ "test": "vitest",
   "dependencies": {
+    "lodash-es": "^4.17.21",
     "vue": "^3.2.37"
@@ -54,2 +55,3 @@ },
     "@antfu/utils": "^0.5.2",
+    "@types/lodash-es": "^4.17.6",
     "@types/node": "^18.0.3",
@@ -56,0 +58,0 @@ "bumpp": "^8.2.1",

No alert changes

Improved metrics

Total package byte prevSize

5218

46.33%

Lines of code

116

75.76%

Worsened metrics

Dependency count

2

100%

Dev dependency count

14

7.69%

Dependency changes

• + Added

  lodash-es@^4.17.21

• + Added

  lodash-es@4.18.1
  (transitive)