@pointcloud/pcloud-components 1.0.5 → 1.0.6

package/dist/esm/IPAddress/index.less

@@ -1,75 +1,75 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-ip-address {
-  border: 1px solid #d9d9d9;
-  border-radius: 2px;
-  transition: all 0.3s;
-  display: inline-block;
-
-  &.small {
-    height: 24px;
-  }
-
-  &.large {
-    padding: 6.5px 10px;
-  }
-
-  &.middle {
-    padding: 4px 10px;
-  }
-
-  &.disabled {
-    color: rgba(0, 0, 0, 25%);
-    background-color: #f5f5f5;
-    border-color: #d9d9d9;
-    box-shadow: none;
-    cursor: not-allowed;
-    opacity: 1;
-
-    &:hover {
-      border-color: #d9d9d9;
-    }
-  }
-
-  &:hover {
-    border-color: #4d90ff;
-  }
-
-  &:focus-within {
-    border-color: #40a9ff;
-    box-shadow: 0 0 0 2px rgba(24, 144, 255, 20%);
-  }
-
-  input {
-    border: none;
-    background: none;
-    text-align: center;
-    outline: 0;
-    padding: 0;
-    margin: 0;
-    box-sizing: border-box;
-    font-variant: tabular-nums;
-    font-feature-settings: 'tnum';
-    position: relative;
-    display: inline-block;
-    color: #000000d9;
-    font-size: 14px;
-    line-height: 1.5715;
-  }
-
-  input[disabled] {
-    cursor: not-allowed;
-    color: inherit;
-  }
-
-  input[type='number'] {
-    appearance: textfield; /* 移除Firefox的特殊样式 */
-  }
-
-  /* 移除上下箭头 */
-  input[type='number']::-webkit-outer-spin-button,
-  input[type='number']::-webkit-inner-spin-button {
-    appearance: none;
-    margin: 0;
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-ip-address {
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+  transition: all 0.3s;
+  display: inline-block;
+
+  &.small {
+    height: 24px;
+  }
+
+  &.large {
+    padding: 6.5px 10px;
+  }
+
+  &.middle {
+    padding: 4px 10px;
+  }
+
+  &.disabled {
+    color: rgba(0, 0, 0, 25%);
+    background-color: #f5f5f5;
+    border-color: #d9d9d9;
+    box-shadow: none;
+    cursor: not-allowed;
+    opacity: 1;
+
+    &:hover {
+      border-color: #d9d9d9;
+    }
+  }
+
+  &:hover {
+    border-color: #4d90ff;
+  }
+
+  &:focus-within {
+    border-color: #40a9ff;
+    box-shadow: 0 0 0 2px rgba(24, 144, 255, 20%);
+  }
+
+  input {
+    border: none;
+    background: none;
+    text-align: center;
+    outline: 0;
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+    font-variant: tabular-nums;
+    font-feature-settings: 'tnum';
+    position: relative;
+    display: inline-block;
+    color: #000000d9;
+    font-size: 14px;
+    line-height: 1.5715;
+  }
+
+  input[disabled] {
+    cursor: not-allowed;
+    color: inherit;
+  }
+
+  input[type='number'] {
+    appearance: textfield; /* 移除Firefox的特殊样式 */
+  }
+
+  /* 移除上下箭头 */
+  input[type='number']::-webkit-outer-spin-button,
+  input[type='number']::-webkit-inner-spin-button {
+    appearance: none;
+    margin: 0;
+  }
+}

package/dist/esm/InfiniteScrollList/styles/index.less

@@ -1,24 +1,24 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-infinite-scroll-wrapper {
-  .ant-list .ant-row {
-    margin-right: 0 !important;
-  }
-}
-
-.scroll-container {
-  position: relative;
-  overflow-y: auto;
-  overflow-x: hidden;
-
-  .backtop {
-    right: 50px;
-  }
-
-  .up {
-    background: #007aff;
-    color: #fff;
-    text-align: center;
-    border-radius: 3px;
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-infinite-scroll-wrapper {
+  .ant-list .ant-row {
+    margin-right: 0 !important;
+  }
+}
+
+.scroll-container {
+  position: relative;
+  overflow-y: auto;
+  overflow-x: hidden;
+
+  .backtop {
+    right: 50px;
+  }
+
+  .up {
+    background: #007aff;
+    color: #fff;
+    text-align: center;
+    border-radius: 3px;
+  }
+}

package/dist/esm/Loading/styles/index.less

@@ -1,37 +1,37 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-loading {
-  .mask {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 100000;
-    width: 100%;
-    height: 100%;
-    overflow: hidden;
-    background: rgba(0, 0, 0, 30%); // 添加半透明背景色
-  }
-
-  .loading {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    z-index: 100001;
-    padding: 20px;
-    background: rgba(255, 255, 255, 90%); // 调整背景透明度
-    border-radius: 10px;
-    box-shadow: 3px 3px 3px rgba(0, 0, 0, 20%); // 调整阴影
-    transform: translate(-50%, -50%);
-  }
-
-  /* 当挂载到body时使用fixed定位 */
-  &.body-container {
-    .mask {
-      position: fixed;
-    }
-
-    .loading {
-      position: fixed;
-    }
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-loading {
+  .mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 100000;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background: rgba(0, 0, 0, 30%); // 添加半透明背景色
+  }
+
+  .loading {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    z-index: 100001;
+    padding: 20px;
+    background: rgba(255, 255, 255, 90%); // 调整背景透明度
+    border-radius: 10px;
+    box-shadow: 3px 3px 3px rgba(0, 0, 0, 20%); // 调整阴影
+    transform: translate(-50%, -50%);
+  }
+
+  /* 当挂载到body时使用fixed定位 */
+  &.body-container {
+    .mask {
+      position: fixed;
+    }
+
+    .loading {
+      position: fixed;
+    }
+  }
+}

package/dist/esm/ModalTable/index.d.ts

@@ -0,0 +1,3 @@
+import type { ModalTableProps } from './interface';
+declare const _default: (props: ModalTableProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/esm/ModalTable/index.js

@@ -0,0 +1,95 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { useRef, useCallback, useMemo } from 'react';
+import DForm from "../DForm";
+import DModal from "../DModal";
+import DTable from "../DTable";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default (function (props) {
+  var _props$modalProps = props.modalProps,
+    modalProps = _props$modalProps === void 0 ? {} : _props$modalProps,
+    formProps = props.formProps,
+    tableProps = props.tableProps,
+    _props$showSearchForm = props.showSearchForm,
+    showSearchForm = _props$showSearchForm === void 0 ? true : _props$showSearchForm,
+    _props$searchMode = props.searchMode,
+    searchMode = _props$searchMode === void 0 ? 'immediate' : _props$searchMode;
+  var tableRef = useRef(null);
+  var handleSearch = useCallback(function (values) {
+    if (tableRef.current) {
+      tableRef.current.refresh(_objectSpread({}, values));
+    }
+  }, []);
+  var defaultFormItems = useMemo(function () {
+    if (searchMode === 'submit') {
+      return [{
+        renderType: 'button',
+        htmlType: 'submit',
+        label: '查询',
+        type: 'primary',
+        className: 'search-button',
+        style: {
+          marginBottom: '24px'
+        }
+      }, {
+        renderType: 'button',
+        htmlType: 'reset',
+        label: '重置',
+        className: 'reset-button',
+        style: {
+          marginLeft: '10px',
+          marginBottom: '24px'
+        }
+      }];
+    }
+    return [];
+  }, [searchMode]);
+  var mergedItems = useMemo(function () {
+    if (!(formProps !== null && formProps !== void 0 && formProps.items) || formProps.items.length === 0) {
+      return defaultFormItems;
+    }
+    return [].concat(_toConsumableArray(formProps.items), _toConsumableArray(defaultFormItems));
+  }, [formProps === null || formProps === void 0 ? void 0 : formProps.items, defaultFormItems]);
+  var searchFormProps = _objectSpread(_objectSpread({
+    layout: 'inline',
+    onFinish: searchMode === 'submit' ? handleSearch : undefined,
+    onReset: searchMode === 'submit' ? function () {
+      var _formProps$items;
+      var resetValues = {
+        current: 1
+      };
+      formProps === null || formProps === void 0 || (_formProps$items = formProps.items) === null || _formProps$items === void 0 || _formProps$items.forEach(function (item) {
+        if (item.name) {
+          resetValues[item.name] = undefined;
+        }
+      });
+      handleSearch(resetValues);
+    } : undefined,
+    onValuesChange: searchMode === 'immediate' ? function (_, allValues) {
+      return handleSearch(_objectSpread(_objectSpread({}, allValues), {}, {
+        current: 1
+      }));
+    } : undefined
+  }, formProps), {}, {
+    items: mergedItems
+  });
+  var tableElement = /*#__PURE__*/_jsx(DTable, _objectSpread(_objectSpread({}, tableProps), {}, {
+    ref: tableRef
+  }));
+  return /*#__PURE__*/_jsxs(DModal, _objectSpread(_objectSpread({
+    open: modalProps.open,
+    style: {
+      height: 'auto'
+    },
+    centered: true,
+    destroyOnClose: true,
+    bodyStyle: {
+      maxHeight: '600px',
+      overflowY: 'auto'
+    },
+    title: modalProps.title || '数据列表'
+  }, modalProps), {}, {
+    children: [showSearchForm && /*#__PURE__*/_jsx(DForm, _objectSpread({}, searchFormProps)), tableElement]
+  }));
+});

package/dist/esm/ModalTable/interface.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import type { DModalProps } from '../DModal/interface';
+import type { DFormProps } from '../DForm';
+import type { DTableProps, DTableRef } from '../DTable';
+export interface ModalTableProps {
+    /** DModal props */
+    modalProps?: DModalProps;
+    /** DForm props for search form */
+    formProps?: DFormProps;
+    /** DTable props */
+    tableProps?: DTableProps & {
+        ref?: React.Ref<DTableRef>;
+    };
+    /** Whether to show search form, default true */
+    showSearchForm?: boolean;
+    /**
+     * 搜索模式
+     * - `immediate`: 表单值变化时立即请求数据刷新
+     * - `submit`: 表单提交时请求数据刷新，表单会自动补充查询和重置按钮
+     * @default 'immediate'
+     */
+    searchMode?: 'immediate' | 'submit';
+}

package/dist/esm/ModalTable/interface.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/OrgTree/index.less

@@ -1,15 +1,15 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-org-tree {
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  .org-tree-node-label {
-    cursor: pointer;
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-org-tree {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .org-tree-node-label {
+    cursor: pointer;
+  }
+}

package/dist/esm/RCropper/index.js

@@ -13,11 +13,11 @@ var isNonEmptyObject = function isNonEmptyObject(obj) {
   return _typeof(obj) === 'object' && obj !== null && !Array.isArray(obj) && Object.keys(obj).length > 0;
 };
 
-/**
- * 属性设置方法
- * @param element DOM元素
- * @param attrName 属性名(kebab-case)
- * @param value 属性值
+/**
+ * 属性设置方法
+ * @param element DOM元素
+ * @param attrName 属性名(kebab-case)
+ * @param value 属性值
  */
 var setElementAttribute = function setElementAttribute(element, attrName, value) {
   if (!element) return;

package/dist/esm/RCropper/styles/toolbar.less

@@ -1,25 +1,25 @@
-.toolbar {
-  display: flex;
-  background-color: rgba(0, 0, 0, 50%);
-  justify-content: center;
-  align-items: center;
-  color: #fff;
-
-  button {
-    background-color: transparent;
-    border-width: 0;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    // width: 32px;
-    // height: 32px;
-
-    &:hover {
-      background-color: #0074d9;
-    }
-  }
-
-  .icon > path {
-    fill: #fff;
-  }
-}
+.toolbar {
+  display: flex;
+  background-color: rgba(0, 0, 0, 50%);
+  justify-content: center;
+  align-items: center;
+  color: #fff;
+
+  button {
+    background-color: transparent;
+    border-width: 0;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    // width: 32px;
+    // height: 32px;
+
+    &:hover {
+      background-color: #0074d9;
+    }
+  }
+
+  .icon > path {
+    fill: #fff;
+  }
+}

package/dist/esm/SignaturePad/style/index.less

@@ -1,47 +1,47 @@
-@import '../../commonStyle/index.less';
-
-.@{prefix}-signature-pad {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-
-  &-canvas {
-    border: 1px solid #d9d9d9;
-    border-radius: 4px;
-  }
-
-  &-toolbar {
-    margin-top: 8px;
-    display: flex;
-    justify-content: flex-end;
-    gap: 8px;
-    text-align: center;
-  }
-
-  &-button {
-    min-width: 64px;
-    height: 32px;
-    padding: 4px 16px;
-    border: 1px solid #1677ff;
-    border-radius: 4px;
-    background-color: #fff;
-    color: #1677ff;
-    cursor: pointer;
-    transition: all 0.3s;
-
-    &:hover {
-      background-color: #f0f5ff;
-    }
-
-    &:last-child {
-      background-color: #1677ff;
-      color: #fff;
-
-      &:hover {
-        background-color: #4096ff;
-      }
-    }
-  }
-}
+@import '../../commonStyle/index.less';
+
+.@{prefix}-signature-pad {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+
+  &-canvas {
+    border: 1px solid #d9d9d9;
+    border-radius: 4px;
+  }
+
+  &-toolbar {
+    margin-top: 8px;
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+    text-align: center;
+  }
+
+  &-button {
+    min-width: 64px;
+    height: 32px;
+    padding: 4px 16px;
+    border: 1px solid #1677ff;
+    border-radius: 4px;
+    background-color: #fff;
+    color: #1677ff;
+    cursor: pointer;
+    transition: all 0.3s;
+
+    &:hover {
+      background-color: #f0f5ff;
+    }
+
+    &:last-child {
+      background-color: #1677ff;
+      color: #fff;
+
+      &:hover {
+        background-color: #4096ff;
+      }
+    }
+  }
+}

package/dist/esm/TypewriterText/index.less

@@ -1,29 +1,29 @@
-@import '../commonStyle/index.less';
-
-.@{prefix}-typewriter-text {
-  position: relative;
-  display: inline-block;
-  min-height: 1em;
-  font-variant-ligatures: none;
-
-  &-cursor {
-    display: inline-block;
-    margin-left: 4px;
-    animation-name: pc-typewriter-cursor-blink;
-    animation-timing-function: steps(1, end);
-    animation-iteration-count: infinite;
-    animation-fill-mode: both;
-  }
-}
-
-@keyframes pc-typewriter-cursor-blink {
-  0%,
-  49% {
-    opacity: 1;
-  }
-
-  50%,
-  100% {
-    opacity: 0;
-  }
-}
+@import '../commonStyle/index.less';
+
+.@{prefix}-typewriter-text {
+  position: relative;
+  display: inline-block;
+  min-height: 1em;
+  font-variant-ligatures: none;
+
+  &-cursor {
+    display: inline-block;
+    margin-left: 4px;
+    animation-name: pc-typewriter-cursor-blink;
+    animation-timing-function: steps(1, end);
+    animation-iteration-count: infinite;
+    animation-fill-mode: both;
+  }
+}
+
+@keyframes pc-typewriter-cursor-blink {
+  0%,
+  49% {
+    opacity: 1;
+  }
+
+  50%,
+  100% {
+    opacity: 0;
+  }
+}

package/dist/esm/index.d.ts

@@ -30,6 +30,8 @@ export { default as DModal } from './DModal';
 export type { DModalProps } from './DModal/interface';
 export { default as ModalForm } from './ModalForm';
 export type { ModalFormProps } from './ModalForm';
+export { default as ModalTable } from './ModalTable';
+export type { ModalTableProps } from './ModalTable/interface';
 export { default as LoginForm } from './LoginForm';
 export type { LoginFormProps } from './LoginForm';
 export { default as ColorPicker } from './ColorPicker';

package/dist/esm/index.js

@@ -15,6 +15,7 @@ export { default as DTable } from "./DTable";
 export { default as DForm } from "./DForm";
 export { default as DModal } from "./DModal";
 export { default as ModalForm } from "./ModalForm";
+export { default as ModalTable } from "./ModalTable";
 export { default as LoginForm } from "./LoginForm";
 export { default as ColorPicker } from "./ColorPicker";
 export { default as ScrollNumber } from "./ScrollNumber";