@dckj-npm/dc-material 0.1.1 → 0.1.4

package/lib/components/title/title-2.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-import './title-2.scss';
-export interface Title2Props {
-    /**
-     * 标题
-     */
-    title?: string;
-    /**
-     * 颜色
-     */
-    color?: string;
-    /**
-     * tip颜色
-     */
-    tipColor?: string;
-}
-declare const Title2: React.FC<Title2Props>;
-export default Title2;
+import React from 'react';
+import './title-2.scss';
+export interface Title2Props {
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 颜色
+     */
+    color?: string;
+    /**
+     * tip颜色
+     */
+    tipColor?: string;
+}
+declare const Title2: React.FC<Title2Props>;
+export default Title2;

package/lib/components/title/title-2.js

@@ -21,7 +21,7 @@ var Title2 = function Title2(_ref) {
     color: color
   } : {};
   var tipColorStyle = tipColor ? {
-    'background-color': tipColor
+    'backgroundColor': tipColor
   } : {};
   return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
     className: "custom-title-2"

package/lib/components/title/title-2.scss

@@ -1,22 +1,22 @@
-@import '../../variables.scss';
-
-.custom-title-2 {
-
-  & > div {
-    font-size: 16px;
-    font-weight: 500;
-    color: #144477;
-    display: flex;
-    gap: 3.5px;
-    align-items: center;
-
-    & > div.tips {
-      content: '';
-      display: inline-block;
-      width: 3.5px;
-      height: 14.5px;
-      background-color: #388AF7;
-    }
-  }
-
-}
+@import '../../variables.scss';
+
+.custom-title-2 {
+
+  & > div {
+    font-size: 16px;
+    font-weight: 500;
+    color: #144477;
+    display: flex;
+    gap: 3.5px;
+    align-items: center;
+
+    & > div.tips {
+      content: '';
+      display: inline-block;
+      width: 3.5px;
+      height: 14.5px;
+      background-color: #388AF7;
+    }
+  }
+
+}

package/lib/index.d.ts

@@ -1,12 +1,12 @@
-export type { ComponentProps } from './components/dc-slider';
-export { default as DCSlider } from './components/dc-slider';
-export type { NavigationProps } from './components/bottom-navigation';
-export { default as Navigation } from './components/bottom-navigation';
-export type { TeletextListProps } from './components/teletext-list';
-export { default as TeletextList } from './components/teletext-list';
-export type { Title1Props } from './components/title';
-export { Title1 } from './components/title';
-export type { Title2Props } from './components/title';
-export { Title2 } from './components/title';
-declare const bizCssPrefix = "bizpack";
-export { bizCssPrefix };
+export type { ComponentProps } from './components/dc-slider';
+export { default as DCSlider } from './components/dc-slider';
+export type { NavigationProps } from './components/bottom-navigation';
+export { default as Navigation } from './components/bottom-navigation';
+export type { TeletextListProps } from './components/teletext-list';
+export { default as TeletextList } from './components/teletext-list';
+export type { Title1Props } from './components/title';
+export { Title1 } from './components/title';
+export type { Title2Props } from './components/title';
+export { Title2 } from './components/title';
+declare const bizCssPrefix = "bizpack";
+export { bizCssPrefix };

package/lib/index.scss

@@ -1,3 +1,3 @@
-@import './components/colorful-button/index.scss';
-@import './components/colorful-input/index.scss';
-@import './components/teletext-list/index.scss';
+@import './components/colorful-button/index.scss';
+@import './components/colorful-input/index.scss';
+@import './components/teletext-list/index.scss';

package/lib/variables.d.ts

@@ -1,2 +1,2 @@
-declare const bizCssPrefix = "bizpack";
-export { bizCssPrefix };
+declare const bizCssPrefix = "bizpack";
+export { bizCssPrefix };

package/lowcode/d-c-slider/meta.ts

@@ -8,7 +8,7 @@ export default {
   screenshot: '',
   "npm": {
     "package": "@dckj-npm/dc-material",
-    "version": "0.1.2",
+    "version": "0.1.4",
     "exportName": "DCSlider",
     "main": "src\\index.tsx",
     "destructuring": true,

package/lowcode/d-c-slider/snippets.ts

@@ -1,42 +1,42 @@
-export default [
-  {
-    title: '图片轮播',
-    screenshot:
-      'https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_slider.png',
-    schema: {
-      componentName: 'DCSlider',
-      props: {
-        prefix: 'next-',
-        animation: 'slide',
-        arrows: true,
-        arrowSize: 'medium',
-        arrowPosition: 'inner',
-        arrowDirection: 'hoz',
-        autoplaySpeed: 3000,
-        dots: true,
-        dotsDirection: 'hoz',
-        draggable: true,
-        infinite: true,
-        slide: 'div',
-        slideDirection: 'hoz',
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        speed: 600,
-        triggerType: 'click',
-        centerPadding: '50px',
-        cssEase: 'ease',
-        edgeFriction: 0.35,
-        swipe: true,
-        touchMove: true,
-        touchThreshold: 5,
-        useCSS: true,
-        waitForAnimate: true,
-        // 轮播路径
-        picUrls: ['https://img.alicdn.com/tps/TB1bewbNVXXXXc5XXXXXXXXXXXX-1000-300.png',
-          'https://img.alicdn.com/tps/TB1xuUcNVXXXXcRXXXXXXXXXXXX-1000-300.jpg',
-          'https://img.alicdn.com/tps/TB1ikP.NVXXXXaYXpXXXXXXXXXX-1000-300.jpg',
-          'https://img.alicdn.com/tps/TB1s1_JNVXXXXbhaXXXXXXXXXXX-1000-300.jpg']
-      }
-    },
-  },
-];
+export default [
+  {
+    title: '图片轮播',
+    screenshot:
+      'https://alifd.oss-cn-hangzhou.aliyuncs.com/fusion-cool/icons/icon-light/ic_light_slider.png',
+    schema: {
+      componentName: 'DCSlider',
+      props: {
+        prefix: 'next-',
+        animation: 'slide',
+        arrows: true,
+        arrowSize: 'medium',
+        arrowPosition: 'inner',
+        arrowDirection: 'hoz',
+        autoplaySpeed: 3000,
+        dots: true,
+        dotsDirection: 'hoz',
+        draggable: true,
+        infinite: true,
+        slide: 'div',
+        slideDirection: 'hoz',
+        slidesToShow: 1,
+        slidesToScroll: 1,
+        speed: 600,
+        triggerType: 'click',
+        centerPadding: '50px',
+        cssEase: 'ease',
+        edgeFriction: 0.35,
+        swipe: true,
+        touchMove: true,
+        touchThreshold: 5,
+        useCSS: true,
+        waitForAnimate: true,
+        // 轮播路径
+        picUrls: ['https://img.alicdn.com/tps/TB1bewbNVXXXXc5XXXXXXXXXXXX-1000-300.png',
+          'https://img.alicdn.com/tps/TB1xuUcNVXXXXcRXXXXXXXXXXXX-1000-300.jpg',
+          'https://img.alicdn.com/tps/TB1ikP.NVXXXXaYXpXXXXXXXXXX-1000-300.jpg',
+          'https://img.alicdn.com/tps/TB1s1_JNVXXXXbhaXXXXXXXXXXX-1000-300.jpg']
+      }
+    },
+  },
+];

package/lowcode/navigation/meta.ts

@@ -1,15 +1,20 @@
-
+import messageIcon from '../../src/assets/icon/navigation/message.png'
+import messageIconSelected from '../../src/assets/icon/navigation/message-selected.png'
+import indexIcon from '../../src/assets/icon/navigation/index.png'
+import indexIconSelected from '../../src/assets/icon/navigation/index-selected.png'
+import mineIcon from '../../src/assets/icon/navigation/mine.png'
+import mineIconSelected from '../../src/assets/icon/navigation/mine-selected.png'
 import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
 
 const NavigationMeta: IPublicTypeComponentMetadata = {
   "componentName": "Navigation",
-  "title": "Navigation",
+  "title": "底部导航",
   "docUrl": "",
   "screenshot": "",
   "devMode": "proCode",
   "npm": {
-    "package": "dc-material",
-    "version": "0.1.1",
+    "package": "@dckj-npm/dc-material",
+    "version": "0.1.4",
     "exportName": "Navigation",
     "main": "src\\index.tsx",
     "destructuring": true,
@@ -22,7 +27,7 @@ const NavigationMeta: IPublicTypeComponentMetadata = {
           "label": {
             "type": "i18n",
             "en-US": "itemArray",
-            "zh-CN": "itemArray"
+            "zh-CN": "导航项"
           }
         },
         "name": "itemArray",
@@ -39,7 +44,7 @@ const NavigationMeta: IPublicTypeComponentMetadata = {
                         "label": {
                           "type": "i18n",
                           "en-US": "text",
-                          "zh-CN": "text"
+                          "zh-CN": "名称"
                         }
                       },
                       "name": "text",
@@ -54,7 +59,7 @@ const NavigationMeta: IPublicTypeComponentMetadata = {
                         "label": {
                           "type": "i18n",
                           "en-US": "icon",
-                          "zh-CN": "icon"
+                          "zh-CN": "图标"
                         }
                       },
                       "name": "icon",
@@ -69,7 +74,7 @@ const NavigationMeta: IPublicTypeComponentMetadata = {
                         "label": {
                           "type": "i18n",
                           "en-US": "selectedIcon",
-                          "zh-CN": "selectedIcon"
+                          "zh-CN": "选中图标"
                         }
                       },
                       "name": "selectedIcon",
@@ -92,6 +97,17 @@ const NavigationMeta: IPublicTypeComponentMetadata = {
           "isRequired": true,
           "initialValue": []
         }
+      },
+      {
+        "title": {
+          "label": {
+            "type": "i18n",
+            "en-US": "selectedColor",
+            "zh-CN": "选中颜色"
+          }
+        },
+        "name": "selectedColor",
+        "setter": "ColorSetter"
       }
     ],
     "supports": {
@@ -102,13 +118,31 @@ const NavigationMeta: IPublicTypeComponentMetadata = {
 };
 const snippets: IPublicTypeSnippet[] = [
   {
-    "title": "Navigation",
+    "title": "底部导航",
     "screenshot": "",
     "schema": {
       "componentName": "Navigation",
-      "props": {}
+      "props": {
+        "itemArray": [
+          {
+            "text": "首页",
+            "icon": indexIcon,
+            "selectedIcon": indexIconSelected
+          },
+          {
+            "text": "消息",
+            "icon": messageIcon,
+            "selectedIcon": messageIconSelected
+          },
+          {
+            "text": "我的",
+            "icon": mineIcon,
+            "selectedIcon": mineIconSelected
+          }
+        ]
+      }
+      }
     }
-  }
 ];
 
 export default {