@cloudbase/weda-ui 3.4.3 → 3.4.5

package/dist/web/components/graphicCard/index.css

@@ -5,12 +5,12 @@
 
 .weda-graphic-card .weda-graphic-card__wrapper {
   width: 100%;
-  padding: 0 1.71429rem;
+  padding: 0 24px;
 }
 
 .weda-graphic-card .weda-graphic-card__row {
   margin: 0;
-  padding: 1.42857rem 0;
+  padding: 20px 0;
 }
 
 .weda-graphic-card .weda-graphic-card__col {
@@ -67,7 +67,7 @@
 }
 .weda-graphic-card .weda-graphic-card__col .weda-graphic-card__icon {
   width: 100%;
-  height: 14.28571rem;
+  height: 200px;
 }
 
 .weda-graphic-card .weda-graphic-card__icon .weda-graphic-card__img {
@@ -108,38 +108,38 @@
   font-size: 1em;
   line-height: 1.5714em;
   color: #0052d9;
-  margin-right: 0.57143rem;
+  margin-right: 8px;
 }
 
 .weda-graphic-card .weda-graphic-card__btn-icon {
-  margin-bottom: 0.14286rem;
+  margin-bottom: 2px;
 }
 
 .weda-graphic-card .weda-graphic-card__col .weda-graphic-card__title {
-  margin-top: 1.42857rem;
+  margin-top: 20px;
 }
 
 .weda-graphic-card .weda-graphic-card__col .weda-graphic-card__desc {
-  margin-top: 0.57143rem;
+  margin-top: 8px;
 }
 
 .weda-graphic-card .weda-graphic-card__col .weda-graphic-card__btn {
-  margin-top: 1.42857rem;
+  margin-top: 20px;
 }
 
 /* h5 style */
 .weda-graphic-card-mobile .weda-graphic-card__wrapper {
   width: 100%;
-  padding: 0 1.14286rem;
+  padding: 0 16px;
 }
 
 .weda-graphic-card-mobile .weda-graphic-card__row {
-  padding: 1.28571rem 0;
-  margin: 0 -0.39286rem;
+  padding: 18px 0;
+  margin: 0 -5.5px;
 }
 
 .weda-graphic-card-mobile .weda-graphic-card__col {
-  padding: 0 0.39286rem !important;
+  padding: 0 5.5px !important;
 }
 
 .weda-graphic-card-mobile .weda-graphic-card__col .weda-graphic-card__detail {
@@ -147,16 +147,13 @@
 }
 
 .weda-graphic-card-mobile .weda-graphic-card__col .weda-graphic-card__title {
-  margin-top: 1.14286rem;
+  margin-top: 16px;
 }
 
 .weda-graphic-card-mobile .weda-graphic-card__col .weda-graphic-card__desc {
-  margin-top: 0.42857rem;
+  margin-top: 6px;
 }
 
 .weda-graphic-card-mobile .weda-graphic-card__col .weda-graphic-card__btn {
-  margin-top: 1.14286rem;
+  margin-top: 16px;
 }
-
-/*# sourceURL=webpack://./src/web/components/graphicCard/index.css */
-/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9ncmFwaGljQ2FyZC9pbmRleC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsYUFBYTtBQUNiO0VBQ0UsV0FBVztBQUNiOztBQUVBO0VBQ0UsV0FBVztFQUNYLHFCQUFxQjtBQUN2Qjs7QUFFQTtFQUNFLFNBQVM7RUFDVCxxQkFBcUI7QUFDdkI7O0FBRUE7RUFDRSxVQUFVO0FBQ1o7O0FBRUE7RUFDRSxXQUFXO0FBQ2I7O0FBRUE7O0VBRUUsYUFBYTtFQUNiLHNCQUFzQjtFQUN0Qiw4QkFBOEI7RUFDOUIsbUJBQW1CO0FBQ3JCOztBQUVBOzs7Ozs7RUFNRSx1QkFBdUI7RUFDdkIsV0FBVztBQUNiOztBQUVBOzs7Ozs7RUFNRSxxQkFBcUI7RUFDckIsV0FBVztBQUNiO0FBQ0E7Ozs7OztFQU1FLG1CQUFtQjtFQUNuQixXQUFXO0FBQ2I7QUFDQTs7Ozs7O0VBTUUsV0FBVztBQUNiO0FBQ0E7RUFDRSxXQUFXO0VBQ1gsbUJBQW1CO0FBQ3JCOztBQUVBO0VBQ0UsV0FBVztFQUNYLFlBQVk7RUFDWixpQkFBaUI7QUFDbkI7O0FBRUE7RUFDRSxXQUFXO0FBQ2I7O0FBRUE7RUFDRSxtQkFBbUI7RUFDbkIsc0JBQXNCO0VBQ3RCLGtCQUFrQjtFQUNsQix5QkFBeUI7RUFDekIsb0JBQW9CO0VBQ3BCLGdCQUFnQjtFQUNoQix1QkFBdUI7RUFDdkIsNEJBQTRCO0VBQzVCLHFCQUFxQjtBQUN2Qjs7QUFFQTtFQUNFLGNBQWM7RUFDZCxxQkFBcUI7RUFDckIseUJBQXlCO0VBQ3pCLGtCQUFrQjtFQUNsQixvQkFBb0I7RUFDcEIsZ0JBQWdCO0VBQ2hCLHVCQUF1QjtFQUN2Qiw0QkFBNEI7RUFDNUIscUJBQXFCO0FBQ3ZCOztBQUVBO0VBQ0UsY0FBYztFQUNkLHFCQUFxQjtFQUNyQixjQUFjO0VBQ2Qsd0JBQXdCO0FBQzFCOztBQUVBO0VBQ0UseUJBQXlCO0FBQzNCOztBQUVBO0VBQ0Usc0JBQXNCO0FBQ3hCOztBQUVBO0VBQ0Usc0JBQXNCO0FBQ3hCOztBQUVBO0VBQ0Usc0JBQXNCO0FBQ3hCOztBQUVBLGFBQWE7QUFDYjtFQUNFLFdBQVc7RUFDWCxxQkFBcUI7QUFDdkI7O0FBRUE7RUFDRSxxQkFBcUI7RUFDckIscUJBQXFCO0FBQ3ZCOztBQUVBO0VBQ0UsZ0NBQWdDO0FBQ2xDOztBQUVBO0VBQ0UscUJBQXFCO0FBQ3ZCOztBQUVBO0VBQ0Usc0JBQXNCO0FBQ3hCOztBQUVBO0VBQ0Usc0JBQXNCO0FBQ3hCOztBQUVBO0VBQ0Usc0JBQXNCO0FBQ3hCIiwic291cmNlc0NvbnRlbnQiOlsiLyogcGMgc3R5bGUgKi9cbi53ZWRhLWdyYXBoaWMtY2FyZCB7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4ud2VkYS1ncmFwaGljLWNhcmQgLndlZGEtZ3JhcGhpYy1jYXJkX193cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDAgMS43MTQyOXJlbTtcbn1cblxuLndlZGEtZ3JhcGhpYy1jYXJkIC53ZWRhLWdyYXBoaWMtY2FyZF9fcm93IHtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nOiAxLjQyODU3cmVtIDA7XG59XG5cbi53ZWRhLWdyYXBoaWMtY2FyZCAud2VkYS1ncmFwaGljLWNhcmRfX2NvbCB7XG4gIHBhZGRpbmc6IDA7XG59XG5cbi53ZWRhLWdyYXBoaWMtY2FyZCAud2VkYS1ncmFwaGljLWNhcmRfX2NvbCAud2VkYS1ncmFwaGljLWNhcmRfX2NvbC1ib2R5IHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi53ZWRhLWdyYXBoaWMtY2FyZCAud2VkYS1ncmFwaGljLWNhcmRfX2NvbCAud2VkYXRlYTJ0ZC1ncmlkX19ib3gsXG4ud2VkYS1ncmFwaGljLWNhcmQgLndlZGEtZ3JhcGhpYy1jYXJkX19jb2wgLndlZGEtZ3JhcGhpYy1jYXJkX19jb2wtYm9keSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLndlZGEtZ3JhcGhpYy1jYXJkXG4gIC53ZWRhLWdyYXBoaWMtY2FyZF9fY29sLndlZGEtZ3JhcGhpYy1jYXJkX19jb2wtLWxlZnRcbiAgLndlZGF0ZWEydGQtZ3JpZF9fYm94LFxuLndlZGEtZ3JhcGhpYy1jYXJkXG4gIC53ZWRhLWdyYXBoaWMtY2FyZF9fY29sLndlZGEtZ3JhcGhpYy1jYXJkX19jb2wtLWxlZnRcbiAgLndlZGEtZ3JhcGhpYy1jYXJkX19jb2wtYm9keSB7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLndlZGEtZ3JhcGhpYy1jYXJkXG4gIC53ZWRhLWdyYXBoaWMtY2FyZF9fY29sLndlZGEtZ3JhcGhpYy1jYXJkX19jb2wtLXJpZ2h0XG4gIC53ZWRhdGVhMnRkLWdyaWRfX2JveCxcbi53ZWRhLWdyYXBoaWMtY2FyZFxuICAud2VkYS1ncmFwaGljLWNhcmRfX2NvbC53ZWRhLWdyYXBoaWMtY2FyZF9fY29sLS1yaWdodFxuICAud2VkYS1ncmFwaGljLWNhcmRfX2NvbC1ib2R5IHtcbiAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICB3aWR0aDogMTAwJTtcbn1cbi53ZWRhLWdyYXBoaWMtY2FyZFxuICAud2VkYS1ncmFwaGljLWNhcmRfX2NvbC53ZWRhLWdyYXBoaWMtY2FyZF9fY29sLS1jZW50ZXJcbiAgLndlZGF0ZWEydGQtZ3JpZF9fYm94LFxuLndlZGEtZ3JhcGhpYy1jYXJkXG4gIC53ZWRhLWdyYXBoaWMtY2FyZF9fY29sLndlZGEtZ3JhcGhpYy1jYXJkX19jb2wtLWNlbnRlclxuICAud2VkYS1ncmFwaGljLWNhcmRfX2NvbC1ib2R5IHtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgd2lkdGg6IDEwMCU7XG59XG4ud2VkYS1ncmFwaGljLWNhcmRcbiAgLndlZGEtZ3JhcGhpYy1jYXJkX19jb2wud2VkYS1ncmFwaGljLWNhcmRfX2NvbC0tanVzdGlmeVxuICAud2VkYXRlYTJ0ZC1ncmlkX19ib3gsXG4ud2VkYS1ncmFwaGljLWNhcmRcbiAgLndlZGEtZ3JhcGhpYy1jYXJkX19jb2wud2VkYS1ncmFwaGljLWNhcmRfX2NvbC0tanVzdGlmeVxuICAud2VkYS1ncmFwaGljLWNhcmRfX2NvbC1ib2R5IHtcbiAgd2lkdGg6IDEwMCU7XG59XG4ud2VkYS1ncmFwaGljLWNhcmQgLndlZGEtZ3JhcGhpYy1jYXJkX19jb2wgLndlZGEtZ3JhcGhpYy1jYXJkX19pY29uIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTQuMjg1NzFyZW07XG59XG5cbi53ZWRhLWdyYXBoaWMtY2FyZCAud2VkYS1ncmFwaGljLWNhcmRfX2ljb24gLndlZGEtZ3JhcGhpYy1jYXJkX19pbWcge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBvYmplY3QtZml0OiBjb3Zlcjtcbn1cblxuLndlZGEtZ3JhcGhpYy1jYXJkIC53ZWRhLWdyYXBoaWMtY2FyZF9fY29sIC53ZWRhLWdyYXBoaWMtY2FyZF9fZGV0YWlsIHtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi53ZWRhLWdyYXBoaWMtY2FyZCAud2VkYS1ncmFwaGljLWNhcmRfX2NvbCAud2VkYS1ncmFwaGljLWNhcmRfX3RpdGxlIHtcbiAgZm9udC1zaXplOiAxLjE0MjhlbTtcbiAgbGluZS1oZWlnaHQ6IDEuNzE0MjhlbTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjkpO1xuICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gIC13ZWJraXQtbGluZS1jbGFtcDogMjtcbn1cblxuLndlZGEtZ3JhcGhpYy1jYXJkIC53ZWRhLWdyYXBoaWMtY2FyZF9fY29sIC53ZWRhLWdyYXBoaWMtY2FyZF9fZGVzYyB7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBsaW5lLWhlaWdodDogMS41NzE0ZW07XG4gIGNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNCk7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG59XG5cbi53ZWRhLWdyYXBoaWMtY2FyZCAud2VkYS1ncmFwaGljLWNhcmRfX2NvbCAud2VkYS1ncmFwaGljLWNhcmRfX2J0bi0tdGV4dCB7XG4gIGZvbnQtc2l6ZTogMWVtO1xuICBsaW5lLWhlaWdodDogMS41NzE0ZW07XG4gIGNvbG9yOiAjMDA1MmQ5O1xuICBtYXJnaW4tcmlnaHQ6IDAuNTcxNDNyZW07XG59XG5cbi53ZWRhLWdyYXBoaWMtY2FyZCAud2VkYS1ncmFwaGljLWNhcmRfX2J0bi1pY29uIHtcbiAgbWFyZ2luLWJvdHRvbTogMC4xNDI4NnJlbTtcbn1cblxuLndlZGEtZ3JhcGhpYy1jYXJkIC53ZWRhLWdyYXBoaWMtY2FyZF9fY29sIC53ZWRhLWdyYXBoaWMtY2FyZF9fdGl0bGUge1xuICBtYXJnaW4tdG9wOiAxLjQyODU3cmVtO1xufVxuXG4ud2VkYS1ncmFwaGljLWNhcmQgLndlZGEtZ3JhcGhpYy1jYXJkX19jb2wgLndlZGEtZ3JhcGhpYy1jYXJkX19kZXNjIHtcbiAgbWFyZ2luLXRvcDogMC41NzE0M3JlbTtcbn1cblxuLndlZGEtZ3JhcGhpYy1jYXJkIC53ZWRhLWdyYXBoaWMtY2FyZF9fY29sIC53ZWRhLWdyYXBoaWMtY2FyZF9fYnRuIHtcbiAgbWFyZ2luLXRvcDogMS40Mjg1N3JlbTtcbn1cblxuLyogaDUgc3R5bGUgKi9cbi53ZWRhLWdyYXBoaWMtY2FyZC1tb2JpbGUgLndlZGEtZ3JhcGhpYy1jYXJkX193cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIHBhZGRpbmc6IDAgMS4xNDI4NnJlbTtcbn1cblxuLndlZGEtZ3JhcGhpYy1jYXJkLW1vYmlsZSAud2VkYS1ncmFwaGljLWNhcmRfX3JvdyB7XG4gIHBhZGRpbmc6IDEuMjg1NzFyZW0gMDtcbiAgbWFyZ2luOiAwIC0wLjM5Mjg2cmVtO1xufVxuXG4ud2VkYS1ncmFwaGljLWNhcmQtbW9iaWxlIC53ZWRhLWdyYXBoaWMtY2FyZF9fY29sIHtcbiAgcGFkZGluZzogMCAwLjM5Mjg2cmVtICFpbXBvcnRhbnQ7XG59XG5cbi53ZWRhLWdyYXBoaWMtY2FyZC1tb2JpbGUgLndlZGEtZ3JhcGhpYy1jYXJkX19jb2wgLndlZGEtZ3JhcGhpYy1jYXJkX19kZXRhaWwge1xuICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG59XG5cbi53ZWRhLWdyYXBoaWMtY2FyZC1tb2JpbGUgLndlZGEtZ3JhcGhpYy1jYXJkX19jb2wgLndlZGEtZ3JhcGhpYy1jYXJkX190aXRsZSB7XG4gIG1hcmdpbi10b3A6IDEuMTQyODZyZW07XG59XG5cbi53ZWRhLWdyYXBoaWMtY2FyZC1tb2JpbGUgLndlZGEtZ3JhcGhpYy1jYXJkX19jb2wgLndlZGEtZ3JhcGhpYy1jYXJkX19kZXNjIHtcbiAgbWFyZ2luLXRvcDogMC40Mjg1N3JlbTtcbn1cblxuLndlZGEtZ3JhcGhpYy1jYXJkLW1vYmlsZSAud2VkYS1ncmFwaGljLWNhcmRfX2NvbCAud2VkYS1ncmFwaGljLWNhcmRfX2J0biB7XG4gIG1hcmdpbi10b3A6IDEuMTQyODZyZW07XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */

package/dist/web/components/grid/_utils.css

@@ -0,0 +1,67 @@
+.wd-g-justify-content-start {
+  justify-content: flex-start !important;
+}
+
+.wd-g-justify-content-end {
+  justify-content: flex-end !important;
+}
+
+.wd-g-justify-content-center {
+  justify-content: center !important;
+}
+
+.wd-g-justify-content-between {
+  justify-content: space-between !important;
+}
+
+.wd-g-justify-content-around {
+  justify-content: space-around !important;
+}
+
+.wd-g-justify-content-evenly {
+  justify-content: space-evenly !important;
+}
+
+.wd-g-align-items-start {
+  align-items: flex-start !important;
+}
+
+.wd-g-align-items-end {
+  align-items: flex-end !important;
+}
+
+.wd-g-align-items-center {
+  align-items: center !important;
+}
+
+.wd-g-align-items-baseline {
+  align-items: baseline !important;
+}
+
+.wd-g-align-items-stretch {
+  align-items: stretch !important;
+}
+
+.wd-g-align-self-auto {
+  align-self: auto !important;
+}
+
+.wd-g-align-self-start {
+  align-self: flex-start !important;
+}
+
+.wd-g-align-self-end {
+  align-self: flex-end !important;
+}
+
+.wd-g-align-self-center {
+  align-self: center !important;
+}
+
+.wd-g-align-self-baseline {
+  align-self: baseline !important;
+}
+
+.wd-g-align-self-stretch {
+  align-self: stretch !important;
+}

package/dist/web/components/grid/col.js

@@ -0,0 +1,33 @@
+import React, { useMemo } from 'react';
+import classNames from '../../utils/classnames';
+import './_utils.css';
+const numberRegex = /^\d{1,2}$/;
+export default function Col(props) {
+    const { className: userClassName, id, style, alignSelf, widthType, lgWidthType, children, events, } = props;
+    const className = useMemo(() => {
+        const clsxObj = {
+            'wd-grid-col': true,
+            [`wd-g-align-self-${alignSelf}`]: alignSelf,
+            [userClassName]: userClassName,
+        };
+        if (widthType === 'fit-content') {
+            clsxObj['wd-grid-col-auto'] = true;
+        }
+        else if (typeof widthType === 'number' ||
+            (typeof widthType === 'string' && numberRegex.test(widthType))) {
+            clsxObj[`wd-grid-col-${widthType}`] = true;
+        }
+        if (lgWidthType === 'fit-content') {
+            clsxObj['wd-grid-col-lg-auto'] = true;
+        }
+        else if (typeof lgWidthType === 'number' ||
+            (typeof lgWidthType === 'string' && numberRegex.test(lgWidthType))) {
+            clsxObj[`wd-grid-col-lg-${lgWidthType}`] = true;
+        }
+        else {
+            clsxObj['wd-grid-col-lg'] = true;
+        }
+        return classNames(clsxObj);
+    }, [alignSelf, lgWidthType, userClassName, widthType]);
+    return (React.createElement("div", { className: className, id: id, style: style, onClick: (e) => { var _a; return (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {}, { originEvent: e }); }, "data-role": "wd-col" }, children));
+}