@jvs-milkdown/crepe 1.2.32 → 1.2.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/lib/cjs/feature/toolbar/index.js.map +1 -1
  2. package/lib/cjs/index.js +62 -74
  3. package/lib/cjs/index.js.map +1 -1
  4. package/lib/esm/feature/toolbar/index.js.map +1 -1
  5. package/lib/esm/index.js +62 -74
  6. package/lib/esm/index.js.map +1 -1
  7. package/lib/tsconfig.tsbuildinfo +1 -1
  8. package/lib/types/feature/fixed-toolbar/component.d.ts.map +1 -1
  9. package/lib/types/feature/toolbar/component.d.ts.map +1 -1
  10. package/package.json +4 -4
  11. package/src/feature/fixed-toolbar/component.tsx +61 -71
  12. package/src/feature/toolbar/component.tsx +19 -20
package/lib/cjs/index.js CHANGED
@@ -8668,54 +8668,42 @@ const FixedToolbarComponent = vue.defineComponent({
8668
8668
  }
8669
8669
  },
8670
8670
  /* @__PURE__ */ vue.h(
8671
- "div",
8671
+ "button",
8672
8672
  {
8673
+ type: "button",
8674
+ class: "fixed-toolbar-expand-btn",
8675
+ title: "\u5C55\u5F00\u5DE5\u5177\u680F",
8676
+ onClick: (e) => {
8677
+ e.preventDefault();
8678
+ e.stopPropagation();
8679
+ viewState.fixedToolbarVisible = true;
8680
+ },
8673
8681
  style: {
8674
- position: "relative",
8675
- width: "100%",
8676
- maxWidth: isFull.value ? "100%" : maxWidth.value,
8677
- margin: isFull.value ? "0" : "0 auto",
8678
- height: "100%"
8682
+ position: "absolute",
8683
+ top: "0",
8684
+ right: "40px",
8685
+ display: "flex",
8686
+ alignItems: "center",
8687
+ justifyContent: "center",
8688
+ width: "28px",
8689
+ height: "24px",
8690
+ border: "1px solid var(--crepe-color-outline-variant, color-mix(in srgb, var(--crepe-color-outline), transparent 85%))",
8691
+ borderTop: "none",
8692
+ background: "var(--crepe-color-surface, #ffffff)",
8693
+ cursor: "pointer",
8694
+ borderRadius: "0 0 6px 6px",
8695
+ boxShadow: "0 4px 8px rgba(0, 0, 0, 0.06)",
8696
+ color: "var(--crepe-color-on-surface, #363b4c)",
8697
+ pointerEvents: "auto",
8698
+ zIndex: 200
8679
8699
  }
8680
8700
  },
8681
8701
  /* @__PURE__ */ vue.h(
8682
- "button",
8702
+ "span",
8683
8703
  {
8684
- type: "button",
8685
- class: "fixed-toolbar-expand-btn",
8686
- title: "\u5C55\u5F00\u5DE5\u5177\u680F",
8687
- onClick: (e) => {
8688
- e.preventDefault();
8689
- e.stopPropagation();
8690
- viewState.fixedToolbarVisible = true;
8691
- },
8692
- style: {
8693
- position: "absolute",
8694
- top: "0",
8695
- right: "6px",
8696
- display: "flex",
8697
- alignItems: "center",
8698
- justifyContent: "center",
8699
- width: "28px",
8700
- height: "24px",
8701
- border: "1px solid var(--crepe-color-outline-variant, color-mix(in srgb, var(--crepe-color-outline), transparent 85%))",
8702
- borderTop: "none",
8703
- background: "var(--crepe-color-surface, #ffffff)",
8704
- cursor: "pointer",
8705
- borderRadius: "0 0 6px 6px",
8706
- boxShadow: "0 4px 8px rgba(0, 0, 0, 0.06)",
8707
- color: "var(--crepe-color-on-surface, #363b4c)",
8708
- pointerEvents: "auto",
8709
- zIndex: 200
8710
- }
8711
- },
8712
- /* @__PURE__ */ vue.h(
8713
- "span",
8714
- {
8715
- style: { display: "inline-flex", alignItems: "center" },
8716
- innerHTML: chevronDownIcon
8717
- }
8718
- )
8704
+ style: { display: "inline-flex", alignItems: "center" },
8705
+ innerHTML: chevronDownIcon
8706
+ }
8719
8707
  )
8720
8708
  )
8721
8709
  );
@@ -8743,7 +8731,7 @@ const FixedToolbarComponent = vue.defineComponent({
8743
8731
  width: "100%",
8744
8732
  maxWidth: isFull.value ? "100%" : maxWidth.value,
8745
8733
  margin: isFull.value ? "0" : "0 auto",
8746
- paddingRight: "40px",
8734
+ // paddingRight: '40px',
8747
8735
  gap: "0px",
8748
8736
  minWidth: "0",
8749
8737
  overflow: "hidden"
@@ -8865,41 +8853,41 @@ const FixedToolbarComponent = vue.defineComponent({
8865
8853
  isFixed: true
8866
8854
  }
8867
8855
  ),
8868
- showShortcuts.value && /* @__PURE__ */ vue.h(ShortcutHelpModal, { ctx: props.ctx, visible: showShortcuts }),
8856
+ showShortcuts.value && /* @__PURE__ */ vue.h(ShortcutHelpModal, { ctx: props.ctx, visible: showShortcuts })
8857
+ ),
8858
+ /* @__PURE__ */ vue.h(
8859
+ "button",
8860
+ {
8861
+ type: "button",
8862
+ class: "toolbar-item collapse-btn",
8863
+ title: "\u6298\u53E0\u5DE5\u5177\u680F",
8864
+ onClick: (e) => {
8865
+ e.preventDefault();
8866
+ e.stopPropagation();
8867
+ viewState.fixedToolbarVisible = false;
8868
+ },
8869
+ style: {
8870
+ position: "absolute",
8871
+ top: "6px",
8872
+ right: "40px",
8873
+ margin: "0",
8874
+ display: "flex",
8875
+ alignItems: "center",
8876
+ justifyContent: "center",
8877
+ pointerEvents: "auto",
8878
+ zIndex: 200
8879
+ }
8880
+ },
8869
8881
  /* @__PURE__ */ vue.h(
8870
- "button",
8882
+ "span",
8871
8883
  {
8872
- type: "button",
8873
- class: "toolbar-item collapse-btn",
8874
- title: "\u6298\u53E0\u5DE5\u5177\u680F",
8875
- onClick: (e) => {
8876
- e.preventDefault();
8877
- e.stopPropagation();
8878
- viewState.fixedToolbarVisible = false;
8879
- },
8880
8884
  style: {
8881
- position: "absolute",
8882
- top: "6px",
8883
- right: "6px",
8884
- margin: "0",
8885
- display: "flex",
8885
+ display: "inline-flex",
8886
8886
  alignItems: "center",
8887
- justifyContent: "center",
8888
- pointerEvents: "auto",
8889
- zIndex: 200
8890
- }
8891
- },
8892
- /* @__PURE__ */ vue.h(
8893
- "span",
8894
- {
8895
- style: {
8896
- display: "inline-flex",
8897
- alignItems: "center",
8898
- transform: "rotate(180deg)"
8899
- },
8900
- innerHTML: chevronDownIcon
8901
- }
8902
- )
8887
+ transform: "rotate(180deg)"
8888
+ },
8889
+ innerHTML: chevronDownIcon
8890
+ }
8903
8891
  )
8904
8892
  )
8905
8893
  );