sakana-element 2.1.5 → 2.3.0

package/dist/theme/Dropdown.css

@@ -1,187 +0,0 @@
-/* Dropdown Variables */
-.px-dropdown .px-dropdown__menu {
-  --px-dropdown-menuItem-hover-fill: var(--px-hover-bg-color);
-  --px-dropdown-menuItem-hover-color: var(--px-hover-text-color);
-  --px-dropdown-menuItem-disabled-color: var(--px-text-color-disabled);
-  --px-dropdown-menuItem-divided-color: var(--px-border-color-dark);
-  --px-dropdown-shadow-color: var(--px-shadow-color-dark);
-}
-/* Base Dropdown Styles - Pixel Game Menu */
-.px-dropdown {
-  display: inline-block;
-  font-family: var(--px-font-family);
-}
-.px-dropdown .px-tooltip {
-    --px-popover-padding: 4px 0;
-}
-/* Disabled state */
-.px-dropdown.is-disabled > * {
-    color: var(--px-text-color-placeholder) !important;
-    cursor: not-allowed !important;
-}
-/* Dropdown Menu - Pixel style list */
-.px-dropdown__menu {
-  list-style-type: none;
-  margin: 0;
-  padding: 4px 0;
-  background: var(--px-bg-color);
-}
-/* Menu items - Pixel RPG menu style */
-.px-dropdown__menu .px-dropdown__item {
-    display: flex;
-    align-items: center;
-    white-space: nowrap;
-    list-style: none;
-    line-height: 1.5;
-    padding: 8px 16px;
-    margin: 0;
-    font-size: var(--px-font-size-base);
-    font-family: var(--px-font-family);
-    color: var(--px-text-color-primary);
-    cursor: pointer;
-    outline: none;
-    position: relative;
-    transition: none;
-}
-/* Hover effect - Pixel highlight */
-.px-dropdown__menu .px-dropdown__item:hover {
-      background-color: var(--px-dropdown-menuItem-hover-fill);
-      color: var(--px-dropdown-menuItem-hover-color);
-}
-/* Pixel cursor indicator */
-.px-dropdown__menu .px-dropdown__item:hover::before {
-        content: ">";
-        position: absolute;
-        left: 6px;
-        color: var(--px-dropdown-menuItem-hover-color);
-        font-weight: bold;
-}
-/* Disabled state */
-.px-dropdown__menu .px-dropdown__item.is-disabled {
-      color: var(--px-dropdown-menuItem-disabled-color);
-      cursor: not-allowed;
-      background-image: none;
-}
-.px-dropdown__menu .px-dropdown__item.is-disabled:hover {
-        background-color: transparent;
-}
-.px-dropdown__menu .px-dropdown__item.is-disabled:hover::before {
-          content: none;
-}
-/* Size variants */
-.px-dropdown__menu .px-dropdown__item--large {
-    padding: 10px 20px;
-    line-height: 1.5;
-    font-size: var(--px-font-size-large);
-}
-.px-dropdown__menu .px-dropdown__item--large:hover::before {
-      left: 8px;
-}
-.px-dropdown__menu .px-dropdown__item--small {
-    padding: 4px 12px;
-    line-height: 1.4;
-    font-size: var(--px-font-size-small);
-}
-.px-dropdown__menu .px-dropdown__item--small:hover::before {
-      left: 4px;
-}
-/* Divider - Pixel style dashed line */
-.px-dropdown__menu .divided-placeholder {
-    margin: 6px 8px;
-    border-top: 2px dashed var(--px-dropdown-menuItem-divided-color);
-}
-/* Dropdown Variables */
-.px-dropdown .px-dropdown__menu {
-  --px-dropdown-menuItem-hover-fill: var(--px-hover-bg-color);
-  --px-dropdown-menuItem-hover-color: var(--px-hover-text-color);
-  --px-dropdown-menuItem-disabled-color: var(--px-text-color-disabled);
-  --px-dropdown-menuItem-divided-color: var(--px-border-color-dark);
-  --px-dropdown-shadow-color: var(--px-shadow-color-dark);
-}
-/* Base Dropdown Styles - Pixel Game Menu */
-.px-dropdown {
-  display: inline-block;
-  font-family: var(--px-font-family);
-}
-.px-dropdown .px-tooltip {
-    --px-popover-padding: 4px 0;
-}
-/* Disabled state */
-.px-dropdown.is-disabled > * {
-    color: var(--px-text-color-placeholder) !important;
-    cursor: not-allowed !important;
-}
-/* Dropdown Menu - Pixel style list */
-.px-dropdown__menu {
-  list-style-type: none;
-  margin: 0;
-  padding: 4px 0;
-  background: var(--px-bg-color);
-}
-/* Menu items - Pixel RPG menu style */
-.px-dropdown__menu .px-dropdown__item {
-    display: flex;
-    align-items: center;
-    white-space: nowrap;
-    list-style: none;
-    line-height: 1.5;
-    padding: 8px 16px;
-    margin: 0;
-    font-size: var(--px-font-size-base);
-    font-family: var(--px-font-family);
-    color: var(--px-text-color-primary);
-    cursor: pointer;
-    outline: none;
-    position: relative;
-    transition: none;
-}
-/* Hover effect - Pixel highlight */
-.px-dropdown__menu .px-dropdown__item:hover {
-      background-color: var(--px-dropdown-menuItem-hover-fill);
-      color: var(--px-dropdown-menuItem-hover-color);
-}
-/* Pixel cursor indicator */
-.px-dropdown__menu .px-dropdown__item:hover::before {
-        content: ">";
-        position: absolute;
-        left: 6px;
-        color: var(--px-dropdown-menuItem-hover-color);
-        font-weight: bold;
-}
-/* Disabled state */
-.px-dropdown__menu .px-dropdown__item.is-disabled {
-      color: var(--px-dropdown-menuItem-disabled-color);
-      cursor: not-allowed;
-      background-image: none;
-}
-.px-dropdown__menu .px-dropdown__item.is-disabled:hover {
-        background-color: transparent;
-}
-.px-dropdown__menu .px-dropdown__item.is-disabled:hover::before {
-          content: none;
-}
-/* Size variants */
-.px-dropdown__menu .px-dropdown__item--large {
-    padding: 10px 20px;
-    line-height: 1.5;
-    font-size: var(--px-font-size-large);
-}
-.px-dropdown__menu .px-dropdown__item--large:hover::before {
-      left: 8px;
-}
-.px-dropdown__menu .px-dropdown__item--small {
-    padding: 4px 12px;
-    line-height: 1.4;
-    font-size: var(--px-font-size-small);
-}
-.px-dropdown__menu .px-dropdown__item--small:hover::before {
-      left: 4px;
-}
-/* Divider - Pixel style dashed line */
-.px-dropdown__menu .divided-placeholder {
-    margin: 6px 8px;
-    border-top: 2px dashed var(--px-dropdown-menuItem-divided-color);
-}
-.px-dropdown .px-button-group > :last-child {
-  padding: 5px 7px;
-}

package/dist/theme/Form.css

@@ -1,52 +0,0 @@
-/* Form Component Styles */
-.px-form[data-v-b1c8aebb] {
-  /* Form container styles */
-}
-.px-form-item[data-v-b1c8aebb] {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: flex-start;
-  margin-bottom: 18px;
-}
-.px-form-item__label[data-v-b1c8aebb] {
-  display: inline-block;
-  vertical-align: middle;
-  font-size: var(--px-font-size-base);
-  color: var(--px-text-color-regular);
-  line-height: 32px;
-  padding: 0 12px 0 0;
-  box-sizing: border-box;
-  width: var(--px-form-lebel-width, 150px);
-  flex-shrink: 0;
-  text-align: right;
-}
-.px-form-item__content[data-v-b1c8aebb] {
-  line-height: 32px;
-  position: relative;
-  font-size: var(--px-font-size-base);
-  flex: 1;
-  min-width: 0;
-}
-.px-form-item__error[data-v-b1c8aebb] {
-  color: var(--px-color-danger);
-  font-size: var(--px-font-size-small);
-  line-height: 1;
-  padding-top: 4px;
-  position: absolute;
-  top: 100%;
-  left: 0;
-}
-.px-form-item.is-error .px-input__wrapper[data-v-b1c8aebb] {
-  border-color: var(--px-color-danger);
-}
-.px-form-item.is-success .px-input__wrapper[data-v-b1c8aebb] {
-  border-color: var(--px-color-success);
-}
-.px-form-item.is-required .px-form-item__label[data-v-b1c8aebb]::before {
-  content: "*";
-  color: var(--px-color-danger);
-  margin-right: 4px;
-}
-.px-form-item[data-v-b1c8aebb] {
-  --px-form-lebel-width: var(--f6756cfe) !important;
-}

package/dist/theme/Loading.css

@@ -1,78 +0,0 @@
-/* Loading Variables */
-.px-loading {
-  --px-loading-icon-color: var(--px-color-primary);
-  --px-loading-mask-margin: 0;
-  --px-loading-mask-size: 100%;
-  --px-loading-icon-size: 32px;
-  --px-loading-font-size: var(--px-font-size-base);
-  --px-loading-z-index: 20000;
-  --px-loading-bg-color: rgba(255, 255, 255, 0.8);
-}
-/* Base Loading Styles - Pixel Game Loading */
-.px-loading {
-  opacity: 1;
-  transition: none;
-  font-family: var(--px-font-family);
-}
-.px-loading.px-loading__mask {
-    position: absolute;
-    margin: var(--px-loading-mask-margin);
-    top: var(--px-loading-mask-margin);
-    right: var(--px-loading-mask-margin);
-    bottom: var(--px-loading-mask-margin);
-    left: var(--px-loading-mask-margin);
-    height: var(--px-loading-mask-size);
-    width: var(--px-loading-mask-size);
-    z-index: var(--px-loading-z-index);
-    background: var(--px-loading-bg-color);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-.px-loading.px-loading__mask.is-fullscreen {
-      position: fixed;
-}
-.px-loading .px-loading__spinner {
-    color: var(--px-loading-icon-color);
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 8px;
-}
-.px-loading .px-loading__spinner .px-loading-text {
-      margin: 0;
-      font-size: var(--px-loading-font-size);
-      font-family: var(--px-font-family);
-      color: var(--px-text-color-primary);
-      letter-spacing: 1px;
-}
-.px-loading .px-loading__spinner i {
-      font-size: var(--px-loading-icon-size);
-      /* Pixel-style animation - stepping */
-      animation: px-loading-spin 1s steps(8) infinite;
-}
-/* Pixel-style spinning animation */
-@keyframes px-loading-spin {
-0% {
-    transform: rotate(0deg);
-}
-100% {
-    transform: rotate(360deg);
-}
-}
-/* Parent element states */
-.px-loading-parent--relative {
-  position: relative !important;
-}
-.px-loading-parent--hiden {
-  overflow: hidden !important;
-}
-/* Dark mode loading */
-.px-dark .px-loading {
-  --px-loading-bg-color: rgba(30, 30, 46, 0.85);
-}
-.px-loading {
-  --px-loading-bg-color: var(--c7e915b4) !important; /* !important 表示强制覆盖内联样式  v-bind(background) 表示绑定background属性 */
-  --px-loading-z-index: var(--24995070) !important; /* !important 表示强制覆盖内联样式  v-bind(zIndex) 表示绑定zIndex属性 */
-}

package/dist/theme/Message.css

@@ -1,353 +0,0 @@
-/* Message Variables */
-.px-message {
-  --px-message-bg-color: var(--px-fill-color-blank);
-  --px-message-border-color: var(--px-border-color-dark);
-  --px-message-text-color: var(--px-text-color-primary);
-  --px-message-shadow-color: var(--px-shadow-color);
-  --px-message-padding: 12px 16px;
-  --px-message-close-size: 16px;
-  --px-message-close-icon-color: var(--px-text-color-secondary);
-  --px-message-close-hover-color: var(--px-text-color-primary);
-  --px-message-icon-size: 16px;
-  --px-message-icon-margin: 10px;
-}
-/* Base Message Styles - Pixel Game Notification */
-.px-message {
-  width: fit-content;
-  max-width: calc(100% - 32px);
-  box-sizing: border-box;
-  position: fixed;
-  left: 50%;
-  top: 20px;
-  transform: translateX(-50%);
-  padding: var(--px-message-padding);
-  display: flex;
-  align-items: center;
-  font-family: var(--px-font-family);
-
-  /* Remove traditional styling */
-  background: transparent;
-  border: none;
-
-  /* Pixel shadow via drop-shadow (respects clip-path shape) */
-  filter: drop-shadow(var(--px-shadow-offset-x) var(--px-shadow-offset-y) 0px var(--px-message-shadow-color));
-
-  /* No smooth transitions for pixel feel */
-  transition: none;
-}
-/* Border layer — filled with border color, clipped to pixel shape */
-.px-message::before {
-    content: '';
-    position: absolute;
-    inset: 0;
-    background: var(--px-message-border-color);
-    clip-path: polygon(
-      0 4px, 2px 4px, 2px 2px, 4px 2px, 4px 0,
-      calc(100% - 4px) 0, calc(100% - 4px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 4px, 100% 4px,
-      100% calc(100% - 4px), calc(100% - 2px) calc(100% - 4px), calc(100% - 2px) calc(100% - 2px), calc(100% - 4px) calc(100% - 2px), calc(100% - 4px) 100%,
-      4px 100%, 4px calc(100% - 2px), 2px calc(100% - 2px), 2px calc(100% - 4px), 0 calc(100% - 4px)
-    );
-    z-index: -1;
-}
-/* Fill layer — inset by border width, filled with bg color */
-.px-message::after {
-    content: '';
-    position: absolute;
-    inset: 2px;
-    background: var(--px-message-bg-color);
-    clip-path: polygon(
-      0 4px, 2px 4px, 2px 2px, 4px 2px, 4px 0,
-      calc(100% - 4px) 0, calc(100% - 4px) 2px, calc(100% - 2px) 2px, calc(100% - 2px) 4px, 100% 4px,
-      100% calc(100% - 4px), calc(100% - 2px) calc(100% - 4px), calc(100% - 2px) calc(100% - 2px), calc(100% - 4px) calc(100% - 2px), calc(100% - 4px) 100%,
-      4px 100%, 4px calc(100% - 2px), 2px calc(100% - 2px), 2px calc(100% - 4px), 0 calc(100% - 4px)
-    );
-    z-index: -1;
-}
-/* Icon styling */
-.px-message .px-message__icon {
-    color: var(--px-message-text-color);
-    font-size: var(--px-message-icon-size);
-    width: var(--px-message-icon-size);
-    margin-right: var(--px-message-icon-margin);
-    flex-shrink: 0;
-}
-/* Content area */
-.px-message .px-message__content {
-    color: var(--px-message-text-color);
-    overflow-wrap: break-word;
-    font-size: var(--px-font-size-base);
-    line-height: 1.5;
-}
-/* With close button */
-.px-message.is-close .px-message__content {
-    padding-right: 12px;
-}
-/* Center alignment */
-.px-message.text-center {
-    justify-content: center;
-}
-/* Close button - pixel style */
-.px-message .px-message__close {
-    display: flex;
-    align-items: center;
-}
-.px-message .px-message__close .px-icon {
-      cursor: pointer;
-      color: var(--px-message-close-icon-color);
-      font-size: var(--px-message-close-size);
-      transition: none;
-}
-.px-message .px-message__close .px-icon:hover {
-        color: var(--px-message-close-hover-color);
-        transform: translate(-1px, -1px);
-}
-.px-message .px-message__close .px-icon:active {
-        transform: translate(1px, 1px);
-}
-/* Type variants with pixel styling */
-.px-message--info {
-    --px-message-bg-color: var(--px-color-info-light-9);
-    --px-message-border-color: var(--px-color-info);
-    --px-message-text-color: var(--px-color-info-dark);
-    --px-message-shadow-color: var(--px-color-info-dark);
-}
-.px-message--info .px-message__close .px-icon {
-      color: var(--px-color-info);
-}
-.px-message--info .px-message__close .px-icon:hover {
-        color: var(--px-color-info-dark);
-}
-.px-message--success {
-    --px-message-bg-color: var(--px-color-success-light-9);
-    --px-message-border-color: var(--px-color-success);
-    --px-message-text-color: var(--px-color-success-dark);
-    --px-message-shadow-color: var(--px-color-success-dark);
-}
-.px-message--success .px-message__close .px-icon {
-      color: var(--px-color-success);
-}
-.px-message--success .px-message__close .px-icon:hover {
-        color: var(--px-color-success-dark);
-}
-.px-message--warning {
-    --px-message-bg-color: var(--px-color-warning-light-9);
-    --px-message-border-color: var(--px-color-warning);
-    --px-message-text-color: var(--px-color-warning-dark);
-    --px-message-shadow-color: var(--px-color-warning-dark);
-}
-.px-message--warning .px-message__close .px-icon {
-      color: var(--px-color-warning);
-}
-.px-message--warning .px-message__close .px-icon:hover {
-        color: var(--px-color-warning-dark);
-}
-.px-message--danger {
-    --px-message-bg-color: var(--px-color-danger-light-9);
-    --px-message-border-color: var(--px-color-danger);
-    --px-message-text-color: var(--px-color-danger-dark);
-    --px-message-shadow-color: var(--px-color-danger-dark);
-}
-.px-message--danger .px-message__close .px-icon {
-      color: var(--px-color-danger);
-}
-.px-message--danger .px-message__close .px-icon:hover {
-        color: var(--px-color-danger-dark);
-}
-/* Error variant (alias for danger) */
-.px-message--error {
-  --px-message-bg-color: var(--px-color-danger-light-9);
-  --px-message-border-color: var(--px-color-danger);
-  --px-message-text-color: var(--px-color-danger-dark);
-  --px-message-shadow-color: var(--px-color-danger-dark);
-}
-.px-message--error .px-message__close .px-icon {
-    color: var(--px-color-danger);
-}
-.px-message--error .px-message__close .px-icon:hover {
-      color: var(--px-color-danger-dark);
-}
-/* Animation - Pixel style instant appear/disappear */
-.px-message.fade-up-enter-from,
-.px-message.fade-up-leave-to {
-  opacity: 0;
-  transform: translate(-50%, -100%);
-}
-.px-message.fade-up-enter-active,
-.px-message.fade-up-leave-active {
-  transition: opacity 0.1s, transform 0.1s;
-}
-/* MessageBox Variables */
-.px-message-box {
-  --px-message-box-title-color: var(--px-text-color-primary);
-  --px-message-box-width: 420px;
-  --px-message-box-font-size: var(--px-font-size-large);
-  --px-message-box-content-font-size: var(--px-font-size-base);
-  --px-message-box-content-color: var(--px-text-color-regular);
-  --px-message-box-padding-primary: 16px;
-  --px-message-box-font-line-height: 1.5;
-  --px-message-box-close-size: var(--px-font-size-base);
-  --px-message-box-border-color: var(--px-border-color);
-  --px-message-box-shadow-color: var(--px-shadow-color);
-}
-/* Overlay */
-.px-overlay-message-box {
-  text-align: center;
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  padding: 16px;
-  overflow: auto;
-  background-color: rgba(0, 0, 0, 0.5);
-}
-.px-overlay-message-box::after {
-    content: '';
-    display: inline-block;
-    height: 100%;
-    width: 0;
-    vertical-align: middle;
-}
-/* Base MessageBox Styles - Pixel Dialog */
-.px-message-box {
-  display: inline-block;
-  position: relative;
-  max-width: var(--px-message-box-width);
-  width: 100%;
-  padding: var(--px-message-box-padding-primary);
-  vertical-align: middle;
-  background-color: var(--px-bg-color);
-  font-size: var(--px-message-box-font-size);
-  font-family: var(--px-font-family);
-  text-align: left;
-  overflow: hidden;
-  backface-visibility: hidden;
-  box-sizing: border-box;
-  overflow-wrap: break-word;
-
-  /* Pixel-style border */
-  border: var(--px-border-width) solid var(--px-message-box-border-color);
-  border-radius: 0;
-
-  /* Pixel shadow */
-  box-shadow:
-    var(--px-shadow-offset-x) var(--px-shadow-offset-y) 0 0 var(--px-message-box-shadow-color),
-    var(--px-box-shadow-inset-light);
-}
-.px-message-box:focus {
-    outline: none !important;
-}
-.px-message-box.is-center .px-message-box__title {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      gap: 6px;
-}
-.px-message-box.is-center .px-message-box__footer,
-    .px-message-box.is-center .px-message-box__content {
-      justify-content: center;
-}
-.px-message-box :deep(.px-icon).px-icon-info {
-        color: var(--px-color-info) !important;
-}
-.px-message-box :deep(.px-icon).px-icon-success {
-        color: var(--px-color-success) !important;
-}
-.px-message-box :deep(.px-icon).px-icon-warning {
-        color: var(--px-color-warning) !important;
-}
-.px-message-box :deep(.px-icon).px-icon-danger {
-        color: var(--px-color-danger) !important;
-}
-.px-message-box :deep(.px-icon).px-icon-error {
-      color: var(--px-color-danger) !important;
-}
-.px-message-box .px-message-box__header {
-    padding-bottom: var(--px-message-box-padding-primary);
-    border-bottom: var(--px-border-width-thin) dashed var(--px-message-box-border-color);
-}
-.px-message-box .px-message-box__header .px-message-box__title {
-      color: var(--px-message-box-title-color);
-      font-size: var(--px-message-box-font-size);
-      font-family: var(--px-font-family);
-      font-weight: 500;
-      line-height: var(--px-message-box-font-line-height);
-}
-.px-message-box .px-message-box__header .px-message-box__header-btn {
-      position: absolute;
-      top: 8px;
-      right: 8px;
-      padding: 4px;
-      width: 28px;
-      height: 28px;
-      border: var(--px-border-width-thin) solid var(--px-border-color);
-      outline: none;
-      background: var(--px-fill-color-blank);
-      font-size: var(--px-message-box-close-size);
-      cursor: pointer;
-      box-shadow: 2px 2px 0 0 var(--px-shadow-color);
-      transition: none;
-}
-.px-message-box .px-message-box__header .px-message-box__header-btn i {
-        color: var(--px-text-color-secondary);
-        font-size: inherit;
-}
-.px-message-box .px-message-box__header .px-message-box__header-btn:hover {
-        background: var(--px-fill-color-light);
-        transform: translate(-1px, -1px);
-        box-shadow: 3px 3px 0 0 var(--px-shadow-color);
-}
-.px-message-box .px-message-box__header .px-message-box__header-btn:hover i {
-          color: var(--px-color-danger);
-}
-.px-message-box .px-message-box__header .px-message-box__header-btn:active {
-        transform: translate(1px, 1px);
-        box-shadow: 1px 1px 0 0 var(--px-shadow-color);
-}
-.px-message-box .px-message-box__header.show-close {
-      padding-right: calc(var(--px-message-box-padding-primary) + 32px);
-}
-.px-message-box .px-message-box__content {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    font-size: var(--px-message-box-content-font-size);
-    font-family: var(--px-font-family);
-    color: var(--px-message-box-content-color);
-    padding-top: var(--px-message-box-padding-primary);
-}
-.px-message-box .px-message-box__content .px-message-box__message {
-      margin: 0;
-}
-.px-message-box .px-message-box__content .px-message-box__message p {
-        margin: 0;
-        line-height: var(--px-message-box-font-line-height);
-}
-.px-message-box .px-message-box__input {
-    padding-top: 12px;
-}
-.px-message-box .px-message-box__footer {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: flex-end;
-    align-items: center;
-    padding-top: var(--px-message-box-padding-primary);
-    gap: 8px;
-}
-/* Animation */
-.fade-in-linear-enter-active .px-overlay-message-box {
-    animation: msgbox-fade-in 0.1s;
-}
-.fade-in-linear-leave-active .px-overlay-message-box {
-    animation: msgbox-fade-in 0.1s reverse;
-}
-@keyframes msgbox-fade-in {
-0% {
-    transform: translate3d(0, -10px, 0);
-    opacity: 0;
-}
-100% {
-    transform: translate3d(0, 0, 0);
-    opacity: 1;
-}
-}