@agentscope-ai/design 1.0.4

package/dist/components/commonComponents/Notification/demo/demo1.js

@@ -0,0 +1,76 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Button, notification } from "../../../..";
+import { RadiusBottomleftOutlined, RadiusBottomrightOutlined, RadiusUpleftOutlined, RadiusUprightOutlined } from "@agentscope-ai/icons-override-antd";
+import { Divider, Space } from 'antd';
+import React, { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var Context = /*#__PURE__*/React.createContext({
+  name: 'Default'
+});
+var App = function App() {
+  var _notification$useNoti = notification.useNotification(),
+    _notification$useNoti2 = _slicedToArray(_notification$useNoti, 2),
+    api = _notification$useNoti2[0],
+    contextHolder = _notification$useNoti2[1];
+  var openNotification = function openNotification(placement) {
+    api.info({
+      message: "Notification ".concat(placement),
+      description: /*#__PURE__*/_jsx(Context.Consumer, {
+        children: function children(_ref) {
+          var name = _ref.name;
+          return "Hello, ".concat(name, "!");
+        }
+      }),
+      placement: placement,
+      duration: 0
+    });
+  };
+  var contextValue = useMemo(function () {
+    return {
+      name: 'Ant Design'
+    };
+  }, []);
+  return /*#__PURE__*/_jsxs(Context.Provider, {
+    value: contextValue,
+    children: [contextHolder, /*#__PURE__*/_jsxs(Space, {
+      children: [/*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: function onClick() {
+          return openNotification('topLeft');
+        },
+        icon: /*#__PURE__*/_jsx(RadiusUpleftOutlined, {}),
+        children: "topLeft"
+      }), /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: function onClick() {
+          return openNotification('topRight');
+        },
+        icon: /*#__PURE__*/_jsx(RadiusUprightOutlined, {}),
+        children: "topRight"
+      })]
+    }), /*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsxs(Space, {
+      children: [/*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: function onClick() {
+          return openNotification('bottomLeft');
+        },
+        icon: /*#__PURE__*/_jsx(RadiusBottomleftOutlined, {}),
+        children: "bottomLeft"
+      }), /*#__PURE__*/_jsx(Button, {
+        type: "primary",
+        onClick: function onClick() {
+          return openNotification('bottomRight');
+        },
+        icon: /*#__PURE__*/_jsx(RadiusBottomrightOutlined, {}),
+        children: "bottomRight"
+      })]
+    })]
+  });
+};
+export default App;

package/dist/components/commonComponents/Notification/demo/demo2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/components/commonComponents/Notification/demo/demo2.js

@@ -0,0 +1,50 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { Button, notification } from "../../../..";
+import { Space } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var App = function App() {
+  var _notification$useNoti = notification.useNotification(),
+    _notification$useNoti2 = _slicedToArray(_notification$useNoti, 2),
+    api = _notification$useNoti2[0],
+    contextHolder = _notification$useNoti2[1];
+  var openNotificationWithIcon = function openNotificationWithIcon(type) {
+    api[type]({
+      message: 'Notification Title',
+      description: 'This is the content of the notification. This is the content of the notification. This is the content of the notification.'
+    });
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [contextHolder, /*#__PURE__*/_jsxs(Space, {
+      children: [/*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          return openNotificationWithIcon('success');
+        },
+        children: "Success"
+      }), /*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          return openNotificationWithIcon('info');
+        },
+        children: "Info"
+      }), /*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          return openNotificationWithIcon('warning');
+        },
+        children: "Warning"
+      }), /*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          return openNotificationWithIcon('error');
+        },
+        children: "Error"
+      })]
+    })]
+  });
+};
+export default App;

package/dist/components/commonComponents/Notification/demo/demo3.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/components/commonComponents/Notification/demo/demo3.js

@@ -0,0 +1,46 @@
+import { Button, notification } from "../../../..";
+import { Space } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var App = function App() {
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsxs(Space, {
+      children: [/*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          return notification.success({
+            message: 'Notification Title',
+            description: 'This is the content of the notification. This is the content of the notification. This is the content of the notification.'
+          });
+        },
+        children: "Success"
+      }), /*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          return notification.info({
+            message: 'Notification Title',
+            description: 'This is the content of the notification. This is the content of the notification. This is the content of the notification.'
+          });
+        },
+        children: "Info"
+      }), /*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          return notification.warning({
+            message: 'Notification Title',
+            description: 'This is the content of the notification. This is the content of the notification. This is the content of the notification.'
+          });
+        },
+        children: "Warning"
+      }), /*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          return notification.error({
+            message: 'Notification Title',
+            description: 'This is the content of the notification. This is the content of the notification. This is the content of the notification.'
+          });
+        },
+        children: "Error"
+      })]
+    })
+  });
+};
+export default App;

package/dist/components/commonComponents/Notification/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { ArgsProps } from 'antd/es/notification';
+import { GlobalConfigProps } from 'antd/es/notification/interface';
+import useNotification from 'antd/es/notification/useNotification';
+interface BaseMethods {
+    open: (config: ArgsProps) => void;
+    destroy: (key?: React.Key) => void;
+    config: (config: GlobalConfigProps) => void;
+    useNotification: typeof useNotification;
+}
+type StaticFn = (config: ArgsProps) => void;
+interface NoticeMethods {
+    success: StaticFn;
+    info: StaticFn;
+    warning: StaticFn;
+    error: StaticFn;
+}
+type staticMethods = NoticeMethods & BaseMethods;
+declare const sparkNotification: staticMethods;
+export default sparkNotification;

package/dist/components/commonComponents/Notification/index.js

@@ -0,0 +1,106 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { getCommonConfig } from "../../../config";
+import { CheckCircleOutlined, CloseCircleOutlined, ExclamationCircleOutlined, InfoCircleOutlined } from "@agentscope-ai/icons-override-antd";
+import { notification } from 'antd';
+import { jsx as _jsx } from "react/jsx-runtime";
+var types = ['success', 'warning', 'error', 'info'];
+function getIcon(type, antPrefix) {
+  if (type === 'success') {
+    return /*#__PURE__*/_jsx(CheckCircleOutlined, {
+      style: {
+        color: "var(--".concat(antPrefix, "-color-success)"),
+        fontSize: 18
+      }
+    });
+  }
+  if (type === 'warning') {
+    return /*#__PURE__*/_jsx(ExclamationCircleOutlined, {
+      style: {
+        color: "var(--".concat(antPrefix, "-color-warning)"),
+        fontSize: 18
+      }
+    });
+  }
+  if (type === 'info') {
+    return /*#__PURE__*/_jsx(InfoCircleOutlined, {
+      style: {
+        color: "var(--".concat(antPrefix, "-color-info)"),
+        fontSize: 18
+      }
+    });
+  }
+  if (type === 'error') {
+    return /*#__PURE__*/_jsx(CloseCircleOutlined, {
+      style: {
+        color: "var(--".concat(antPrefix, "-color-error)"),
+        fontSize: 18
+      }
+    });
+  }
+}
+// @ts-ignore
+var sparkNotification = {};
+sparkNotification.destroy = notification.destroy;
+sparkNotification.open = function (props) {
+  var commonConfig = getCommonConfig();
+  var sparkPrefix = commonConfig.sparkPrefix;
+  var mergedClassName = "".concat(sparkPrefix, "-notification");
+  if (props.className) {
+    mergedClassName += " ".concat(props.className);
+  }
+  notification.open(_objectSpread(_objectSpread({}, props), {}, {
+    className: mergedClassName
+  }));
+};
+types.forEach(function (type) {
+  sparkNotification[type] = function (props) {
+    var commonConfig = getCommonConfig();
+    var sparkPrefix = commonConfig.sparkPrefix;
+    var mergedClassName = "".concat(sparkPrefix, "-notification");
+    if (props.className) {
+      mergedClassName += " ".concat(props.className);
+    }
+    notification[type](_objectSpread(_objectSpread({}, props), {}, {
+      className: mergedClassName
+    }));
+  };
+});
+sparkNotification.useNotification = function (props) {
+  var commonConfig = getCommonConfig();
+  var sparkPrefix = commonConfig.sparkPrefix,
+    antPrefix = commonConfig.antPrefix;
+  var mergedClassName = "".concat(sparkPrefix, "-notification");
+  var _notification$useNoti = notification.useNotification(props),
+    _notification$useNoti2 = _slicedToArray(_notification$useNoti, 2),
+    api = _notification$useNoti2[0],
+    contextHolder = _notification$useNoti2[1];
+  // @ts-ignore
+  var newAPi = {};
+  types.forEach(function (type) {
+    newAPi[type] = function (props) {
+      return api[type](_objectSpread(_objectSpread({}, props), {}, {
+        className: mergedClassName,
+        icon: getIcon(type, antPrefix)
+      }));
+    };
+  });
+  newAPi.open = function (props) {
+    notification.open(_objectSpread(_objectSpread({}, props), {}, {
+      className: mergedClassName
+    }));
+  };
+  newAPi.destroy = api.destroy;
+  return [newAPi, contextHolder];
+};
+export default sparkNotification;

package/dist/components/commonComponents/Pagination/demo/demo1.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/components/commonComponents/Pagination/demo/demo1.js

@@ -0,0 +1,14 @@
+import { Pagination } from "../../../..";
+import { Flex } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var App = function App() {
+  return /*#__PURE__*/_jsx(Flex, {
+    align: "center",
+    vertical: true,
+    justify: "center",
+    gap: 50,
+    children: /*#__PURE__*/_jsx(Pagination, {})
+  });
+};
+export default App;

package/dist/components/commonComponents/Pagination/demo/demo2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/components/commonComponents/Pagination/demo/demo2.js

@@ -0,0 +1,16 @@
+import { Pagination } from "../../../..";
+import { Flex } from 'antd';
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var App = function App() {
+  return /*#__PURE__*/_jsx(Flex, {
+    align: "center",
+    vertical: true,
+    justify: "center",
+    gap: 50,
+    children: /*#__PURE__*/_jsx(Pagination, {
+      hideTips: true
+    })
+  });
+};
+export default App;

package/dist/components/commonComponents/Pagination/index.d.ts

@@ -0,0 +1,12 @@
+import { PaginationProps } from 'antd';
+export type SparkPaginationProps = PaginationProps & {
+    /**
+     * @description 是否展示上一页，下一页的tips
+     */
+    /**
+     * @default false
+     */
+    hideTips?: boolean;
+};
+declare const _default: (props: SparkPaginationProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/components/commonComponents/Pagination/index.js

@@ -0,0 +1,59 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["hideTips"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import $i18n from "../../../i18n";
+import { LeftOutlined, RightOutlined } from "@agentscope-ai/icons-override-antd";
+import { Flex, Pagination } from 'antd';
+import useIndexStyle from "./index.style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function (props) {
+  var _props$hideTips = props.hideTips,
+    hideTips = _props$hideTips === void 0 ? false : _props$hideTips,
+    restProps = _objectWithoutProperties(props, _excluded);
+  useIndexStyle();
+  var mergedItemRender = function mergedItemRender() {
+    if (hideTips || props.itemRender) {
+      return props.itemRender;
+    }
+    var sparkItemRender = function sparkItemRender(_, type, originalElement) {
+      if (type === 'prev') {
+        return /*#__PURE__*/_jsx("a", {
+          children: /*#__PURE__*/_jsxs(Flex, {
+            gap: 8,
+            children: [/*#__PURE__*/_jsx(LeftOutlined, {}), ' ', /*#__PURE__*/_jsx("span", {
+              children: $i18n.get({
+                id: 'components.commonComponents.Pagination.PreviousPage',
+                dm: '上一页'
+              })
+            })]
+          })
+        });
+      }
+      if (type === 'next') {
+        return /*#__PURE__*/_jsx("a", {
+          children: /*#__PURE__*/_jsxs(Flex, {
+            gap: 8,
+            children: [/*#__PURE__*/_jsx("span", {
+              children: $i18n.get({
+                id: 'components.commonComponents.Pagination.NextPage',
+                dm: '下一页'
+              })
+            }), ' ', /*#__PURE__*/_jsx(RightOutlined, {})]
+          })
+        });
+      }
+      return originalElement;
+    };
+    return sparkItemRender;
+  };
+  return /*#__PURE__*/_jsx(Pagination, _objectSpread({
+    itemRender: mergedItemRender()
+  }, restProps));
+});

package/dist/components/commonComponents/Pagination/index.style.d.ts

@@ -0,0 +1,12 @@
+export declare function getIndexStyleData(params: any): {
+    [x: string]: {
+        [x: string]: {
+            borderColor: string;
+            a: {
+                color: string;
+            };
+        };
+    };
+};
+declare const useIndexStyle: (props?: {}) => import("../../../config").CommonConfig;
+export default useIndexStyle;

package/dist/components/commonComponents/Pagination/index.style.js

@@ -0,0 +1,24 @@
+var _excluded = ["css"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import createStyle from "../../../libs/createStyle";
+export function getIndexStyleData(params) {
+  var antPrefix = params.antPrefix;
+  return _defineProperty({}, ".".concat(antPrefix, "-pagination"), _defineProperty({}, ".".concat(antPrefix, "-pagination-item-active.").concat(antPrefix, "-pagination-item"), {
+    borderColor: "var(--".concat(antPrefix, "-color-border-secondary)"),
+    a: {
+      color: "var(--".concat(antPrefix, "-color-text)")
+    }
+  }));
+}
+var useIndexStyle = createStyle(function (_ref2) {
+  var css = _ref2.css,
+    params = _objectWithoutProperties(_ref2, _excluded);
+  var result = css(getIndexStyleData(params));
+  return result;
+});
+export default useIndexStyle;

package/dist/components/commonComponents/Popconfirm/demo/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: React.FC;
+export default App;

package/dist/components/commonComponents/Popconfirm/demo/index.js

@@ -0,0 +1,155 @@
+import { Button, ConfigProvider, Popconfirm } from "../../../..";
+import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var text = 'Are you sure to delete this task?';
+var description = 'Delete the task';
+var ButtonWidth = 80;
+var App = function App() {
+  return /*#__PURE__*/_jsx(ConfigProvider, {
+    button: {
+      style: {
+        width: ButtonWidth,
+        margin: 4
+      }
+    },
+    children: /*#__PURE__*/_jsxs("div", {
+      className: "demo",
+      children: [/*#__PURE__*/_jsxs("div", {
+        style: {
+          marginInlineStart: ButtonWidth,
+          whiteSpace: 'nowrap'
+        },
+        children: [/*#__PURE__*/_jsx(Popconfirm, {
+          placement: "topLeft",
+          title: text,
+          description: description,
+          okText: "Yes",
+          cancelText: "No",
+          children: /*#__PURE__*/_jsx(Button, {
+            children: "TL"
+          })
+        }), /*#__PURE__*/_jsx(Popconfirm, {
+          placement: "top",
+          title: text,
+          description: description,
+          okText: "Yes",
+          cancelText: "No",
+          children: /*#__PURE__*/_jsx(Button, {
+            children: "Top"
+          })
+        }), /*#__PURE__*/_jsx(Popconfirm, {
+          placement: "topRight",
+          title: text,
+          description: description,
+          okText: "Yes",
+          cancelText: "No",
+          children: /*#__PURE__*/_jsx(Button, {
+            children: "TR"
+          })
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        style: {
+          width: ButtonWidth,
+          float: 'inline-start'
+        },
+        children: [/*#__PURE__*/_jsx(Popconfirm, {
+          placement: "leftTop",
+          title: text,
+          description: description,
+          okText: "Yes",
+          cancelText: "No",
+          children: /*#__PURE__*/_jsx(Button, {
+            children: "LT"
+          })
+        }), /*#__PURE__*/_jsx(Popconfirm, {
+          placement: "left",
+          title: text,
+          description: description,
+          okText: "Yes",
+          cancelText: "No",
+          children: /*#__PURE__*/_jsx(Button, {
+            children: "Left"
+          })
+        }), /*#__PURE__*/_jsx(Popconfirm, {
+          placement: "leftBottom",
+          title: text,
+          description: description,
+          okText: "Yes",
+          cancelText: "No",
+          children: /*#__PURE__*/_jsx(Button, {
+            children: "LB"
+          })
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        style: {
+          width: ButtonWidth,
+          marginInlineStart: ButtonWidth * 4 + 24
+        },
+        children: [/*#__PURE__*/_jsx(Popconfirm, {
+          placement: "rightTop",
+          title: text,
+          description: description,
+          okText: "Yes",
+          cancelText: "No",
+          children: /*#__PURE__*/_jsx(Button, {
+            children: "RT"
+          })
+        }), /*#__PURE__*/_jsx(Popconfirm, {
+          placement: "right",
+          title: text,
+          description: description,
+          okText: "Yes",
+          cancelText: "No",
+          children: /*#__PURE__*/_jsx(Button, {
+            children: "Right"
+          })
+        }), /*#__PURE__*/_jsx(Popconfirm, {
+          placement: "rightBottom",
+          title: text,
+          description: description,
+          okText: "Yes",
+          cancelText: "No",
+          children: /*#__PURE__*/_jsx(Button, {
+            children: "RB"
+          })
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        style: {
+          marginInlineStart: ButtonWidth,
+          clear: 'both',
+          whiteSpace: 'nowrap'
+        },
+        children: [/*#__PURE__*/_jsx(Popconfirm, {
+          placement: "bottomLeft",
+          title: text,
+          description: description,
+          okText: "Yes",
+          cancelText: "No",
+          children: /*#__PURE__*/_jsx(Button, {
+            children: "BL"
+          })
+        }), /*#__PURE__*/_jsx(Popconfirm, {
+          placement: "bottom",
+          title: text,
+          description: description,
+          okText: "Yes",
+          cancelText: "No",
+          children: /*#__PURE__*/_jsx(Button, {
+            children: "Bottom"
+          })
+        }), /*#__PURE__*/_jsx(Popconfirm, {
+          placement: "bottomRight",
+          title: text,
+          description: description,
+          okText: "Yes",
+          cancelText: "No",
+          children: /*#__PURE__*/_jsx(Button, {
+            children: "BR"
+          })
+        })]
+      })]
+    })
+  });
+};
+export default App;

package/dist/components/commonComponents/Popconfirm/index.d.ts

@@ -0,0 +1,5 @@
+import { PopconfirmProps } from 'antd';
+import React from 'react';
+declare const SparkPopconfirm: React.ForwardRefExoticComponent<PopconfirmProps & React.RefAttributes<any>>;
+export default SparkPopconfirm;
+export type SparkPopconfirmProps = PopconfirmProps;